design_system 0.11.0 → 0.12.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 (292) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/components/_index.scss +36 -20
  3. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/action-link/_action-link.scss +3 -0
  4. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/action-link/_index.scss +84 -0
  5. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/back-link/_back-link.scss +3 -0
  6. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/back-link/_index.scss +56 -0
  7. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/breadcrumb/_breadcrumb.scss +3 -0
  8. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/breadcrumb/_index.scss +103 -0
  9. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/button/_button.scss +3 -0
  10. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/button/_index.scss +207 -0
  11. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/card/_card.scss +3 -0
  12. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/card/_index.scss +526 -0
  13. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/character-count/_character-count.scss +3 -0
  14. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/character-count/_index.scss +54 -0
  15. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/checkboxes/_checkboxes.scss +3 -0
  16. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/checkboxes/_index.scss +337 -0
  17. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/contents-list/_contents-list.scss +3 -0
  18. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/contents-list/_index.scss +32 -0
  19. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/date-input/_date-input.scss +3 -0
  20. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/date-input/_index.scss +40 -0
  21. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/details/_details.scss +3 -0
  22. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/details/_index.scss +374 -0
  23. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/do-dont-list/_do-dont-list.scss +3 -0
  24. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/do-dont-list/_index.scss +37 -0
  25. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/error-message/_error-message.scss +3 -0
  26. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/error-message/_index.scss +22 -0
  27. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/error-summary/_error-summary.scss +3 -0
  28. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/error-summary/_index.scss +75 -0
  29. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/fieldset/_fieldset.scss +3 -0
  30. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/fieldset/_index.scss +81 -0
  31. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/file-upload/_file-upload.scss +3 -0
  32. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/file-upload/_index.scss +251 -0
  33. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/footer/_footer.scss +3 -0
  34. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/footer/_index.scss +64 -0
  35. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/header/_header.scss +3 -0
  36. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/header/_index.scss +783 -0
  37. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/hero/_hero.scss +3 -0
  38. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/hero/_index.scss +205 -0
  39. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/hint/_hint.scss +3 -0
  40. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/hint/_index.scss +53 -0
  41. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/images/_images.scss +3 -0
  42. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/images/_index.scss +53 -0
  43. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/input/_index.scss +184 -0
  44. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/input/_input.scss +3 -0
  45. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/inset-text/_index.scss +34 -0
  46. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/inset-text/_inset-text.scss +3 -0
  47. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/label/_index.scss +53 -0
  48. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/label/_label.scss +3 -0
  49. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/notification-banner/_index.scss +100 -0
  50. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/notification-banner/_notification-banner.scss +3 -0
  51. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/pagination/_index.scss +261 -0
  52. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/pagination/_pagination.scss +3 -0
  53. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/panel/_index.scss +99 -0
  54. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/panel/_panel.scss +3 -0
  55. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/password-input/_index.scss +37 -0
  56. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/password-input/_password-input.scss +3 -0
  57. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/radios/_index.scss +354 -0
  58. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/radios/_radios.scss +3 -0
  59. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/select/_index.scss +63 -0
  60. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/select/_select.scss +3 -0
  61. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/skip-link/_index.scss +48 -0
  62. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/skip-link/_skip-link.scss +3 -0
  63. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/summary-list/_index.scss +215 -0
  64. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/summary-list/_summary-list.scss +3 -0
  65. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/tables/_index.scss +205 -0
  66. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/tables/_tables.scss +3 -0
  67. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/tabs/_index.scss +138 -0
  68. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/tabs/_tabs.scss +3 -0
  69. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/tag/_index.scss +101 -0
  70. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/tag/_tag.scss +3 -0
  71. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/task-list/_index.scss +111 -0
  72. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/task-list/_task-list.scss +3 -0
  73. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/textarea/_index.scss +52 -0
  74. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/textarea/_textarea.scss +3 -0
  75. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/warning-callout/_index.scss +22 -0
  76. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/warning-callout/_warning-callout.scss +3 -0
  77. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/_index.scss +4 -0
  78. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/_nhsuk-frontend-properties.scss +28 -0
  79. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/all.scss +3 -1
  80. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/elements/_forms.scss +4 -2
  81. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/elements/_index.scss +2 -0
  82. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/elements/_links.scss +3 -2
  83. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/elements/_page.scss +66 -0
  84. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/elements/_table.scss +6 -5
  85. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/generic/_box-sizing.scss +2 -4
  86. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/generic/_font-face.scss +29 -15
  87. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/generic/_index.scss +2 -0
  88. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/helpers/_colour.scss +106 -0
  89. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/helpers/_index.scss +7 -0
  90. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/objects/_button-group.scss +124 -0
  91. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/objects/_form-group.scss +47 -0
  92. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/objects/_grid.scss +5 -3
  93. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/objects/_index.scss +4 -0
  94. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/objects/_input-wrapper.scss +81 -0
  95. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/objects/_main-wrapper.scss +66 -0
  96. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/objects/_width-container.scss +98 -0
  97. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/settings/_all.scss +3 -1
  98. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/settings/_breakpoints.scss +35 -0
  99. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/settings/_colours-applied.scss +326 -0
  100. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/settings/_colours-deprecated.scss +116 -0
  101. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/settings/_colours-palette.scss +41 -0
  102. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/settings/_colours.scss +12 -0
  103. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/settings/_globals.scss +214 -0
  104. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/settings/_index.scss +5 -1
  105. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/settings/_spacing.scss +3 -3
  106. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/settings/_typography.scss +15 -34
  107. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/settings/_warnings.scss +11 -5
  108. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/styles/_icons.scss +45 -0
  109. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/styles/_index.scss +2 -0
  110. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/styles/_lists.scss +15 -10
  111. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/styles/_section-break.scss +4 -2
  112. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/styles/_typography.scss +34 -39
  113. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/tools/_all.scss +3 -1
  114. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/tools/_buttons.scss +85 -0
  115. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/tools/_exports.scss +1 -11
  116. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/tools/_focused.scss +134 -0
  117. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/tools/_functions.scss +81 -0
  118. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/tools/_grid.scss +74 -0
  119. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/tools/_index.scss +5 -1
  120. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/tools/_links.scss +234 -0
  121. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/tools/_mixins.scss +168 -118
  122. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/tools/_sass-mq.scss +9 -11
  123. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/tools/_shape-arrow.scss +14 -20
  124. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/tools/_shape-chevron.scss +65 -0
  125. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/tools/_shape-dash.scss +31 -0
  126. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/tools/_spacing.scss +25 -14
  127. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/tools/_typography.scss +71 -25
  128. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_clearfix.scss +2 -0
  129. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_display.scss +2 -0
  130. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_float.scss +2 -0
  131. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_grid-widths.scss +19 -20
  132. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_index.scss +2 -0
  133. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_link-nowrap.scss +2 -0
  134. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_list-border.scss +6 -2
  135. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_reading-width.scss +2 -0
  136. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_spacing.scss +6 -0
  137. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_text-align.scss +2 -0
  138. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/utilities/_typography.scss +52 -0
  139. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_visually-hidden.scss +2 -0
  140. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_widths.scss +2 -0
  141. data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/vendor/sass-mq.scss +4 -2
  142. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/index.scss +4 -0
  143. data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/nhsuk.scss +3 -0
  144. data/app/assets/stylesheets/design_system/nhsuk.scss +2 -2
  145. data/app/helpers/design_system_helper.rb +4 -0
  146. data/app/views/layouts/govuk/application.html.erb +1 -0
  147. data/app/views/layouts/nhsuk/application.html.erb +52 -59
  148. data/app/views/nhsuk/_navigation.html.erb +9 -13
  149. data/lib/design_system/engine.rb +1 -1
  150. data/lib/design_system/generic/builders/action_link.rb +17 -0
  151. data/lib/design_system/generic/builders/elements/backlink.rb +30 -0
  152. data/lib/design_system/generic/builders/fixed_elements.rb +4 -0
  153. data/lib/design_system/generic/builders/link.rb +9 -0
  154. data/lib/design_system/generic/builders/notification.rb +2 -0
  155. data/lib/design_system/generic/builders/pagination_renderer.rb +4 -9
  156. data/lib/design_system/govuk/builders/action_link.rb +17 -0
  157. data/lib/design_system/govuk/form_builder.rb +6 -2
  158. data/lib/design_system/govuk/test_helpers/form_builder_testable.rb +14 -0
  159. data/lib/design_system/nhsuk/builders/action_link.rb +30 -0
  160. data/lib/design_system/nhsuk/builders/elements/breadcrumbs.rb +12 -16
  161. data/lib/design_system/nhsuk/builders/notification.rb +0 -7
  162. data/lib/design_system/version.rb +1 -1
  163. data/lib/tasks/nhsuk.rake +10 -5
  164. data/public/design_system/static/{nhsuk-frontend-9.6.4/favicons → nhsuk-frontend-10.3.1/images}/favicon.ico +0 -0
  165. data/public/design_system/static/nhsuk-frontend-10.3.1/images/favicon.svg +4 -0
  166. data/public/design_system/static/nhsuk-frontend-10.3.1/images/nhsuk-icon-180.png +0 -0
  167. data/public/design_system/static/nhsuk-frontend-10.3.1/images/nhsuk-icon-192.png +0 -0
  168. data/public/design_system/static/nhsuk-frontend-10.3.1/images/nhsuk-icon-512.png +0 -0
  169. data/public/design_system/static/nhsuk-frontend-10.3.1/images/nhsuk-icon-mask.svg +3 -0
  170. data/public/design_system/static/nhsuk-frontend-10.3.1/images/nhsuk-opengraph-image.png +0 -0
  171. data/public/design_system/static/nhsuk-frontend-10.3.1/manifest.json +39 -0
  172. data/public/design_system/static/nhsuk-frontend-10.3.1/nhsuk-frontend.min.js +1 -0
  173. data/public/design_system/static/nhsuk-frontend-10.3.1/nhsuk-frontend.min.js.map +1 -0
  174. data/public/design_system/static/nhsuk-frontend-10.3.1/nhsuk.js +7 -0
  175. metadata +159 -161
  176. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/action-link/_action-link.scss +0 -1
  177. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/action-link/_index.scss +0 -73
  178. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/back-link/_back-link.scss +0 -1
  179. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/back-link/_index.scss +0 -66
  180. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/breadcrumb/_breadcrumb.scss +0 -1
  181. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/breadcrumb/_index.scss +0 -138
  182. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/button/_button.scss +0 -1
  183. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/button/_index.scss +0 -257
  184. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/card/_card.scss +0 -1
  185. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/card/_index.scss +0 -321
  186. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/character-count/_character-count.scss +0 -1
  187. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/character-count/_index.scss +0 -19
  188. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/checkboxes/_checkboxes.scss +0 -1
  189. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/checkboxes/_index.scss +0 -155
  190. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/contents-list/_contents-list.scss +0 -1
  191. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/contents-list/_index.scss +0 -40
  192. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/date-input/_date-input.scss +0 -1
  193. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/date-input/_index.scss +0 -29
  194. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/details/_details.scss +0 -1
  195. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/details/_index.scss +0 -211
  196. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/do-dont-list/_do-dont-list.scss +0 -1
  197. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/do-dont-list/_index.scss +0 -23
  198. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/error-message/_error-message.scss +0 -1
  199. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/error-message/_index.scss +0 -17
  200. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/error-summary/_error-summary.scss +0 -1
  201. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/error-summary/_index.scss +0 -72
  202. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/fieldset/_fieldset.scss +0 -1
  203. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/fieldset/_index.scss +0 -65
  204. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/footer/_footer.scss +0 -1
  205. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/footer/_index.scss +0 -87
  206. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-base.scss +0 -495
  207. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-organisation.scss +0 -126
  208. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-service.scss +0 -60
  209. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-transactional.scss +0 -61
  210. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-white.scss +0 -117
  211. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header.scss +0 -1
  212. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_index.scss +0 -5
  213. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/hero/_hero.scss +0 -1
  214. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/hero/_index.scss +0 -187
  215. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/hint/_hint.scss +0 -1
  216. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/hint/_index.scss +0 -51
  217. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/images/_images.scss +0 -1
  218. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/images/_index.scss +0 -48
  219. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/input/_index.scss +0 -149
  220. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/input/_input.scss +0 -1
  221. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/inset-text/_index.scss +0 -28
  222. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/inset-text/_inset-text.scss +0 -1
  223. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/label/_index.scss +0 -53
  224. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/label/_label.scss +0 -1
  225. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/pagination/_index.scss +0 -95
  226. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/pagination/_pagination.scss +0 -1
  227. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/panel/_index.scss +0 -57
  228. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/panel/_panel.scss +0 -1
  229. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/radios/_index.scss +0 -180
  230. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/radios/_radios.scss +0 -1
  231. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/select/_index.scss +0 -44
  232. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/select/_select.scss +0 -1
  233. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/skip-link/_index.scss +0 -34
  234. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/skip-link/_skip-link.scss +0 -1
  235. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/summary-list/_index.scss +0 -183
  236. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/summary-list/_summary-list.scss +0 -1
  237. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tables/_index.scss +0 -181
  238. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tables/_tables.scss +0 -1
  239. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tabs/_index.scss +0 -120
  240. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tabs/_tabs.scss +0 -1
  241. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tag/_index.scss +0 -92
  242. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tag/_tag.scss +0 -1
  243. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/task-list/_index.scss +0 -101
  244. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/task-list/_task-list.scss +0 -1
  245. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/textarea/_index.scss +0 -30
  246. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/textarea/_textarea.scss +0 -1
  247. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/warning-callout/_index.scss +0 -19
  248. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/warning-callout/_warning-callout.scss +0 -1
  249. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/elements/_page.scss +0 -43
  250. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/objects/_form-group.scss +0 -25
  251. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/objects/_main-wrapper.scss +0 -96
  252. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/objects/_width-container.scss +0 -63
  253. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_breakpoints.scss +0 -18
  254. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_colours.scss +0 -188
  255. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_globals.scss +0 -82
  256. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/styles/_icons.scss +0 -105
  257. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_focused.scss +0 -86
  258. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_functions.scss +0 -45
  259. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_grid.scss +0 -138
  260. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_ifff.scss +0 -19
  261. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_links.scss +0 -184
  262. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_typography.scss +0 -72
  263. data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/nhsuk.scss +0 -1
  264. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/apple-touch-icon-180x180.png +0 -0
  265. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/apple-touch-icon.png +0 -0
  266. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/favicon-192x192.png +0 -0
  267. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/favicon.png +0 -0
  268. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/favicon.svg +0 -3
  269. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/largetile-310x310.png +0 -0
  270. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/mediumtile-144x144.png +0 -0
  271. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/mediumtile-150x150.png +0 -0
  272. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/smalltile-70x70.png +0 -0
  273. data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/widetile-310x150.png +0 -0
  274. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-arrow-left.svg +0 -3
  275. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-arrow-right-circle.svg +0 -4
  276. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-arrow-right.svg +0 -3
  277. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-chevron-left.svg +0 -3
  278. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-chevron-right.svg +0 -3
  279. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-close.svg +0 -3
  280. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-cross.svg +0 -4
  281. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-emdash-small.svg +0 -3
  282. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-emdash.svg +0 -3
  283. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-minus.svg +0 -4
  284. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-plus.svg +0 -4
  285. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-search.svg +0 -3
  286. data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-tick.svg +0 -3
  287. data/public/design_system/static/nhsuk-frontend-9.6.4/logos/logo-nhs.svg +0 -5
  288. data/public/design_system/static/nhsuk-frontend-9.6.4/logos/nhs-logo.png +0 -0
  289. data/public/design_system/static/nhsuk-frontend-9.6.4/logos/open-graph.png +0 -0
  290. data/public/design_system/static/nhsuk-frontend-9.6.4/nhsuk.js +0 -4
  291. data/public/design_system/static/nhsuk-frontend-9.6.4/nhsuk.min.js +0 -1
  292. /data/public/design_system/static/{design_system-0.11.0 → design_system-0.12.0}/design_system.js +0 -0
@@ -1,4 +1,4 @@
1
- @use "settings/warnings" as *;
1
+ @use "settings" as *;
2
2
  @forward ".";
3
3
 
4
4
  @include nhsuk-warning(
@@ -6,3 +6,5 @@
6
6
  "Importing using 'core/all' is deprecated. Update your import statement to import 'core'.",
7
7
  $silence-further-warnings: false
8
8
  );
9
+
10
+ /*# sourceMappingURL=all.scss.map */
@@ -1,4 +1,4 @@
1
- ///
1
+ ////
2
2
  /// Forms
3
3
  ///
4
4
  /// Make sure our form elements don’t use any UA-specific font styles: we want
@@ -6,7 +6,7 @@
6
6
  /// available, and we start putting together more complete forms.
7
7
  ///
8
8
  /// @group elements
9
- ///
9
+ ////
10
10
 
11
11
  button,
12
12
  input,
@@ -14,3 +14,5 @@ select,
14
14
  textarea {
15
15
  font-family: inherit;
16
16
  }
17
+
18
+ /*# sourceMappingURL=_forms.scss.map */
@@ -6,3 +6,5 @@
6
6
  @forward "links";
7
7
  @forward "page";
8
8
  @forward "table";
9
+
10
+ /*# sourceMappingURL=_index.scss.map */
@@ -5,7 +5,6 @@
5
5
  /// Links
6
6
  ///
7
7
  /// Our basic `<a>` elements only need very minimal styling.
8
- /// It uses the @mixin nhsuk-link-style-default within tools/links.
9
8
  /// Anything more opinionated (e.g. buttons, calls-to-action, etc.) will need a
10
9
  /// class defining in the Components layer.
11
10
  ///
@@ -20,8 +19,8 @@ a {
20
19
 
21
20
  @include nhsuk-media-query($media-type: print) {
22
21
  &::after {
23
- color: $nhsuk-text-color;
24
22
  content: " (Link: " attr(href) ")"; // [1]
23
+ color: $nhsuk-text-colour;
25
24
  font-size: inherit; // [2]
26
25
  }
27
26
  }
@@ -40,3 +39,5 @@ a {
40
39
  }
41
40
  }
42
41
  }
42
+
43
+ /*# sourceMappingURL=_links.scss.map */
@@ -0,0 +1,66 @@
1
+ @use "../generic" as *;
2
+ @use "../settings" as *;
3
+ @use "../tools" as *;
4
+ @use "../helpers" as *;
5
+
6
+ ////
7
+ /// Page
8
+ ///
9
+ /// High-level, page-level styling.
10
+ ///
11
+ /// @group elements
12
+ ////
13
+
14
+ html {
15
+ // Force the scrollbar to always display in IE, to prevent horizontal page
16
+ // jumps as content height changes (e.g. autocomplete results open).
17
+ overflow-y: scroll;
18
+
19
+ // Set the overall page background colour to the same colour as used by the
20
+ // footer to give the illusion of a long footer.
21
+ background-color: $nhsuk-template-background-colour;
22
+
23
+ // Prevent automatic text sizing, as we already cater for small devices and
24
+ // would like the browser to stay on 100% text zoom by default.
25
+ -webkit-text-size-adjust: 100%;
26
+ -moz-text-size-adjust: 100%;
27
+ text-size-adjust: 100%;
28
+
29
+ // If the user is using the Apple Dynamic Type feature we need to include
30
+ // the @support CSS at-rule to enable it.
31
+ @if $nhsuk-include-dynamic-type {
32
+ @include nhsuk-font-dynamic-type;
33
+ }
34
+
35
+ // If the user is using the default Frutiger W01 font we need to include
36
+ // the font-face declarations.
37
+ @if $nhsuk-include-default-font-face {
38
+ @include nhsuk-font-face-frutiger;
39
+
40
+ & {
41
+ font-family: $nhsuk-font-family;
42
+ }
43
+ }
44
+ }
45
+
46
+ body {
47
+ // Ensure the page always fills at least the entire height of the viewport.
48
+ min-height: 100%;
49
+
50
+ // The default margins set by user-agents are not required since we have our
51
+ // own containers.
52
+ margin: 0;
53
+
54
+ // Set the overall body of the page back to the typical background colour.
55
+ background-color: $nhsuk-body-background-colour;
56
+
57
+ // Fonts on OSX will look more consistent with other systems that do not
58
+ // render text using sub-pixel anti-aliasing.
59
+ -moz-osx-font-smoothing: grayscale;
60
+ -webkit-font-smoothing: antialiased;
61
+
62
+ // Set the overall text colour, including a suitable override for print.
63
+ @include nhsuk-text-colour;
64
+ }
65
+
66
+ /*# sourceMappingURL=_page.scss.map */
@@ -12,9 +12,9 @@
12
12
  ////
13
13
 
14
14
  table {
15
+ width: 100%; // [1]
15
16
  border-spacing: 0;
16
17
  vertical-align: top;
17
- width: 100%; // [1]
18
18
 
19
19
  @include nhsuk-responsive-margin(7, "bottom");
20
20
 
@@ -30,15 +30,14 @@ table {
30
30
 
31
31
  thead {
32
32
  th {
33
- border-bottom: $nhsuk-border-table-header-width solid $nhsuk-border-color;
33
+ border-bottom: $nhsuk-border-table-header-width solid $nhsuk-border-colour;
34
34
  }
35
35
  }
36
36
 
37
37
  th,
38
38
  td {
39
39
  padding-left: 0;
40
-
41
- border-bottom: $nhsuk-border-table-cell-width solid $nhsuk-border-color;
40
+ border-bottom: $nhsuk-border-table-cell-width solid $nhsuk-border-colour;
42
41
  text-align: left;
43
42
  vertical-align: top;
44
43
 
@@ -53,10 +52,12 @@ td {
53
52
  }
54
53
 
55
54
  th {
56
- font-weight: $nhsuk-font-bold;
55
+ font-weight: $nhsuk-font-weight-bold;
57
56
  }
58
57
 
59
58
  caption {
60
59
  text-align: left;
61
60
  @include nhsuk-font($size: 22, $weight: bold);
62
61
  }
62
+
63
+ /*# sourceMappingURL=_table.scss.map */
@@ -10,8 +10,6 @@
10
10
  ////
11
11
 
12
12
  html {
13
- -moz-box-sizing: border-box;
14
- -webkit-box-sizing: border-box;
15
13
  box-sizing: border-box;
16
14
  }
17
15
 
@@ -19,8 +17,8 @@ html {
19
17
  &,
20
18
  &::before,
21
19
  &::after {
22
- -moz-box-sizing: inherit;
23
- -webkit-box-sizing: inherit;
24
20
  box-sizing: inherit;
25
21
  }
26
22
  }
23
+
24
+ /*# sourceMappingURL=_box-sizing.scss.map */
@@ -1,4 +1,6 @@
1
+ @use "sass:math";
1
2
  @use "../settings" as *;
3
+ @use "../tools/exports" as *;
2
4
 
3
5
  ////
4
6
  /// Font face
@@ -7,7 +9,7 @@
7
9
  /// NHS England has a licence for the Frutiger webfont which all NHS organisations in England can use.
8
10
  /// NHS organisations can register here: https://service-manual.nhs.uk/design-system/styles/use-frutiger-font/
9
11
  ///
10
- /// @group settings
12
+ /// @group generic
11
13
  ////
12
14
 
13
15
  @function nhsuk-font-url($filename) {
@@ -17,31 +19,43 @@
17
19
  @mixin nhsuk-font-face-frutiger {
18
20
  @at-root {
19
21
  @font-face {
20
- font-display: swap;
21
22
  font-family: "Frutiger W01";
22
23
  font-style: normal;
23
- font-weight: $nhsuk-font-normal;
24
- src: nhsuk-font-url("FrutigerLTW01-55Roman.eot?#iefix");
24
+ font-weight: $nhsuk-font-weight-normal;
25
+ font-display: fallback;
25
26
  src:
26
- nhsuk-font-url("FrutigerLTW01-55Roman.eot?#iefix") format("eot"),
27
27
  nhsuk-font-url("FrutigerLTW01-55Roman.woff2") format("woff2"),
28
- nhsuk-font-url("FrutigerLTW01-55Roman.woff") format("woff"),
29
- nhsuk-font-url("FrutigerLTW01-55Roman.ttf") format("truetype"),
30
- nhsuk-font-url("FrutigerLTW01-55Roman.svg#7def0e34-f28d-434f-b2ec-472bde847115") format("svg");
28
+ nhsuk-font-url("FrutigerLTW01-55Roman.woff") format("woff");
31
29
  }
32
30
 
33
31
  @font-face {
34
- font-display: swap;
35
32
  font-family: "Frutiger W01";
36
33
  font-style: normal;
37
- font-weight: $nhsuk-font-bold;
38
- src: nhsuk-font-url("FrutigerLTW01-65Bold.eot?#iefix");
34
+ font-weight: $nhsuk-font-weight-bold;
35
+ font-display: fallback;
39
36
  src:
40
- nhsuk-font-url("FrutigerLTW01-65Bold.eot?#iefix") format("eot"),
41
37
  nhsuk-font-url("FrutigerLTW01-65Bold.woff2") format("woff2"),
42
- nhsuk-font-url("FrutigerLTW01-65Bold.woff") format("woff"),
43
- nhsuk-font-url("FrutigerLTW01-65Bold.ttf") format("truetype"),
44
- nhsuk-font-url("FrutigerLTW01-65Bold.svg#eae74276-dd78-47e4-9b27-dac81c3411ca") format("svg");
38
+ nhsuk-font-url("FrutigerLTW01-65Bold.woff") format("woff");
45
39
  }
46
40
  }
47
41
  }
42
+
43
+ /// Font 'Dynamic Type' support
44
+ ///
45
+ /// On Apple devices, uses the -apple-system-body font to enable system-level
46
+ /// Dynamic Type for accessibility but prevents the system body font-family.
47
+
48
+ @mixin nhsuk-font-dynamic-type {
49
+ @at-root {
50
+ html {
51
+ font-size: math.percentage(math.div($nhsuk-root-font-size, 16px));
52
+
53
+ @supports (font: -apple-system-body) and (-webkit-touch-callout: default) {
54
+ // stylelint-disable-next-line font-family-no-missing-generic-family-keyword
55
+ font: -apple-system-body;
56
+ }
57
+ }
58
+ }
59
+ }
60
+
61
+ /*# sourceMappingURL=_font-face.scss.map */
@@ -4,3 +4,5 @@
4
4
 
5
5
  @forward "box-sizing";
6
6
  @forward "font-face";
7
+
8
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1,106 @@
1
+ @use "sass:color";
2
+ @use "sass:map";
3
+ @use "sass:math";
4
+ @use "sass:meta";
5
+ @use "sass:string";
6
+ @use "../settings/colours-palette" as *;
7
+
8
+ ////
9
+ /// @group helpers/colour
10
+ ////
11
+
12
+ ///
13
+ /// Get colour
14
+ ///
15
+ /// @param {String | Colour} $colour - Name of colour from the colour palette
16
+ /// (`$nhsuk-colours`)
17
+ /// @return {Colour} Representation of named colour
18
+ ///
19
+ /// @throw if `$colour` is not a colour from the colour palette
20
+
21
+ @function nhsuk-colour($colour) {
22
+ @if meta.type-of($colour) == "color" {
23
+ $colour: string.quote("#{$colour}");
24
+ }
25
+
26
+ @if not map.has-key($nhsuk-colours, $colour) {
27
+ @error "Unknown colour `#{$colour}`";
28
+ }
29
+
30
+ @return map.get($nhsuk-colours, $colour);
31
+ }
32
+
33
+ /// Converts a colour with potential float values for its RGB channels
34
+ /// into hexadecimal notation where possible (e.g. no alpha transparency)
35
+ ///
36
+ /// This ensures the colour is rendered properly by Safari < 12
37
+ ///
38
+ /// @param {String | Colour} $colour - The colour to convert or name from the colour palette
39
+ /// @return {Colour}
40
+
41
+ @function nhsuk-colour-compatible($colour) {
42
+ @if meta.type-of($colour) == "string" {
43
+ $colour: nhsuk-colour($colour);
44
+ }
45
+
46
+ $alpha: color.alpha($colour);
47
+ $parts: ();
48
+
49
+ // Maintain compatibility with Sass < v1.79.0 where colour space functions
50
+ // are unavailable and RGB channels are automatically rounded to integers
51
+ // https://github.com/sass/dart-sass/blob/1.79.0/CHANGELOG.md
52
+ @if not meta.function-exists("channel", "color") {
53
+ $parts: (
54
+ "red": color.red($colour),
55
+ "green": color.green($colour),
56
+ "blue": color.blue($colour),
57
+ "alpha": $alpha
58
+ );
59
+ } @else {
60
+ $colour: color.to-space($colour, rgb);
61
+ $alpha: color.channel($colour, "alpha");
62
+
63
+ $parts: (
64
+ "red": math.round(color.channel($colour, "red")),
65
+ "green": math.round(color.channel($colour, "green")),
66
+ "blue": math.round(color.channel($colour, "blue")),
67
+ "alpha": $alpha
68
+ );
69
+ }
70
+
71
+ @return color.change($colour, $parts...);
72
+ }
73
+
74
+ /// Make a colour darker by mixing it with black
75
+ ///
76
+ /// @example scss
77
+ /// nhsuk-shade(color, percentage);
78
+ /// nhsuk-shade(nhsuk-colour("blue"), 50%);
79
+ ///
80
+ /// @param {Colour} $colour - colour to shade
81
+ /// @param {Number} $percentage - percentage of black to mix with $colour
82
+ /// @return {Colour}
83
+
84
+ @function nhsuk-shade($colour, $percentage) {
85
+ // Ensure the output is a hex string so that Safari <12 can render the colour
86
+ // without issues from float values in `rgb()`
87
+ @return nhsuk-colour-compatible(color.mix(black, $colour, $percentage));
88
+ }
89
+
90
+ /// Make a colour lighter by mixing it with white
91
+ ///
92
+ /// @example scss
93
+ /// nhsuk-tint(color, percentage);
94
+ /// nhsuk-tint(nhsuk-colour("blue"), 10%);
95
+ ///
96
+ /// @param {Colour} $colour - colour to tint
97
+ /// @param {Number} $percentage - percentage of white to mix with $colour
98
+ /// @return {Colour}
99
+
100
+ @function nhsuk-tint($colour, $percentage) {
101
+ // Ensure the output is a hex string so that Safari <12 can render the colour
102
+ // without issues from float values in `rgb()`
103
+ @return nhsuk-colour-compatible(color.mix(white, $colour, $percentage));
104
+ }
105
+
106
+ /*# sourceMappingURL=_colour.scss.map */
@@ -0,0 +1,7 @@
1
+ ////
2
+ /// Helpers
3
+ ////
4
+
5
+ @forward "colour";
6
+
7
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1,124 @@
1
+ @use "sass:math";
2
+ @use "../settings" as *;
3
+ @use "../tools" as *;
4
+
5
+ @include nhsuk-exports("nhsuk/core/objects/button-group") {
6
+ // Button groups can be used to group buttons and links together as a group.
7
+ //
8
+ // Within a button group:
9
+ //
10
+ // - links are styled to line up visually with the buttons, including being
11
+ // centre-aligned on mobile
12
+ // - spacing between the buttons and links is handled automatically, including
13
+ // when they wrap across multiple lines
14
+ .nhsuk-button-group {
15
+ $horizontal-gap: nhsuk-spacing(4);
16
+ $horizontal-gap-small: nhsuk-spacing(3);
17
+ $vertical-gap: nhsuk-spacing(3);
18
+
19
+ // These need to be kept in sync with the button component's styles
20
+ $button-padding-top-bottom-mobile: nhsuk-px-to-rem(10px);
21
+ $button-padding-top-bottom-desktop: nhsuk-px-to-rem(14px);
22
+ $button-padding-top-bottom-small: nhsuk-px-to-rem(6px);
23
+
24
+ // Flexbox is used to center-align links on mobile, align everything along
25
+ // the baseline on tablet and above, and to removes extra whitespace that
26
+ // we'd get between the buttons and links because they're inline-blocks.
27
+ //
28
+ // Ideally we'd use `gap` with flexbox rather than having to do it all with
29
+ // margins, but unfortunately the support isn't there (yet) and @supports
30
+ // doesn't play nicely with it
31
+ // (https://github.com/w3c/csswg-drafts/issues/3559)
32
+ display: flex;
33
+ flex-direction: column;
34
+ align-items: center;
35
+
36
+ @include nhsuk-responsive-margin(5, "bottom", $adjustment: $vertical-gap * -1);
37
+
38
+ // Give paragraphs and links within the button group the same font-size and
39
+ // line-height as buttons.
40
+ //
41
+ // Because we want the focus state to be tight around the link text, we use
42
+ // margins where the buttons would use padding.
43
+ .nhsuk-body,
44
+ .nhsuk-body-m,
45
+ p,
46
+ > .nhsuk-link,
47
+ > a:not(.nhsuk-button) {
48
+ display: inline-block;
49
+ // Prevent links overflowing their container in IE10/11 because of bug
50
+ // with align-items: center
51
+ max-width: 100%;
52
+ margin-top: $button-padding-top-bottom-mobile;
53
+ margin-bottom: calc($button-padding-top-bottom-mobile + $nhsuk-button-shadow-size + $vertical-gap);
54
+ text-align: center;
55
+ @include nhsuk-font(19, $line-height: 19px);
56
+ }
57
+
58
+ &--small .nhsuk-body,
59
+ &--small .nhsuk-body-m,
60
+ &--small p,
61
+ &--small > .nhsuk-link,
62
+ &--small > a:not(.nhsuk-button) {
63
+ margin-top: $button-padding-top-bottom-small;
64
+ margin-bottom: calc($button-padding-top-bottom-small + $nhsuk-button-shadow-size + $vertical-gap);
65
+ }
66
+
67
+ // Reduce the bottom margin to the size of the vertical gap (accommodating
68
+ // the button shadow) – the 'lost' margin is moved to the button-group.
69
+ > .nhsuk-button {
70
+ margin-bottom: $nhsuk-button-shadow-size + $vertical-gap;
71
+ }
72
+
73
+ // Deduct vertical gap from margin when nested in form groups
74
+ .nhsuk-form-group &:last-child {
75
+ margin-bottom: nhsuk-spacing(-3);
76
+ }
77
+
78
+ // On tablet and above, we also introduce a 'column gap' between the
79
+ // buttons and links in each row and left align links
80
+ @include nhsuk-media-query($from: tablet) {
81
+ flex-direction: row;
82
+ flex-wrap: wrap;
83
+ align-items: baseline;
84
+
85
+ // Cancel out the column gap for the last item in each row
86
+ margin-right: ($horizontal-gap * -1);
87
+
88
+ &--small {
89
+ margin-right: ($horizontal-gap-small * -1);
90
+ }
91
+
92
+ .nhsuk-body,
93
+ .nhsuk-body-m,
94
+ p,
95
+ > .nhsuk-link,
96
+ > a:not(.nhsuk-button) {
97
+ margin: $button-padding-top-bottom-desktop 0;
98
+ margin-right: $horizontal-gap;
99
+ line-height: nhsuk-line-height(24px, $font-size: 19px);
100
+ text-align: left;
101
+ }
102
+
103
+ &--small .nhsuk-body,
104
+ &--small .nhsuk-body-m,
105
+ &--small p,
106
+ &--small > .nhsuk-link,
107
+ &--small > a:not(.nhsuk-button) {
108
+ margin: $button-padding-top-bottom-small 0;
109
+ margin-right: $horizontal-gap-small;
110
+ @include nhsuk-font(16, $line-height: 19px);
111
+ }
112
+
113
+ > .nhsuk-button {
114
+ margin-right: $horizontal-gap;
115
+ }
116
+
117
+ > .nhsuk-button--small {
118
+ margin-right: $horizontal-gap-small;
119
+ }
120
+ }
121
+ }
122
+ }
123
+
124
+ /*# sourceMappingURL=_button-group.scss.map */
@@ -0,0 +1,47 @@
1
+ @use "../settings" as *;
2
+ @use "../tools" as *;
3
+
4
+ @include nhsuk-exports("nhsuk/core/objects/form-group") {
5
+ .nhsuk-form-group {
6
+ box-sizing: border-box;
7
+
8
+ @include nhsuk-clearfix;
9
+ @include nhsuk-responsive-margin(5, "bottom");
10
+
11
+ .nhsuk-form-group:last-child,
12
+ .nhsuk-form-group:last-of-type {
13
+ margin-bottom: 0; // Remove margin from last item in nested groups
14
+ }
15
+ }
16
+
17
+ .nhsuk-form-group--error {
18
+ padding-left: nhsuk-spacing(3);
19
+ border-left: $nhsuk-border-width-form-group-error solid $nhsuk-error-colour;
20
+
21
+ .nhsuk-form-group {
22
+ padding: 0;
23
+ // Reset error styles in nested form groups that might have error class
24
+ border: 0;
25
+ }
26
+ }
27
+
28
+ .nhsuk-form-group--inline {
29
+ @include nhsuk-media-query($from: tablet) {
30
+ display: flex;
31
+ flex-direction: row;
32
+
33
+ // Align the bottom of inputs
34
+ align-items: flex-end;
35
+
36
+ .nhsuk-form-group {
37
+ margin-bottom: 0; // Remove margin when nested groups are inline
38
+ }
39
+
40
+ .nhsuk-form-group + .nhsuk-form-group {
41
+ margin-left: nhsuk-spacing(3);
42
+ }
43
+ }
44
+ }
45
+ }
46
+
47
+ /*# sourceMappingURL=_form-group.scss.map */
@@ -5,19 +5,21 @@
5
5
  ////
6
6
  /// Grid
7
7
  ///
8
- /// @group objects
8
+ /// @group objects/layout
9
9
  ////
10
10
 
11
11
  @include nhsuk-exports("nhsuk/core/objects/grid") {
12
12
  .nhsuk-grid-row {
13
- @include nhsuk-clearfix;
14
13
  margin-right: -($nhsuk-gutter-half);
15
14
  margin-left: -($nhsuk-gutter-half);
15
+ @include nhsuk-clearfix;
16
16
  }
17
17
 
18
18
  @each $width in map.keys($nhsuk-grid-widths) {
19
19
  .nhsuk-grid-column-#{$width} {
20
- @include nhsuk-grid-column($width, $class: false);
20
+ @include nhsuk-grid-column($width);
21
21
  }
22
22
  }
23
23
  }
24
+
25
+ /*# sourceMappingURL=_grid.scss.map */
@@ -2,7 +2,11 @@
2
2
  /// Objects
3
3
  ////
4
4
 
5
+ @forward "button-group";
5
6
  @forward "form-group";
6
7
  @forward "grid";
8
+ @forward "input-wrapper";
7
9
  @forward "main-wrapper";
8
10
  @forward "width-container";
11
+
12
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1,81 @@
1
+ @use "../settings" as *;
2
+ @use "../tools" as *;
3
+
4
+ @include nhsuk-exports("nhsuk/core/objects/input-wrapper") {
5
+ .nhsuk-input-wrapper,
6
+ // Deprecated, to be removed in v11.0
7
+ .nhsuk-input__wrapper {
8
+ display: flex;
9
+
10
+ .nhsuk-input {
11
+ flex: 0 1 auto;
12
+ }
13
+
14
+ .nhsuk-input:focus {
15
+ // Hack to stop focus style being overlapped by the suffix
16
+ z-index: 1;
17
+ }
18
+
19
+ // Split prefix/suffix onto separate lines on narrow screens
20
+ @include nhsuk-media-query($until: mobile) {
21
+ display: block;
22
+
23
+ .nhsuk-input {
24
+ // Set max-width to override potential width override class on the input
25
+ max-width: 100%;
26
+ }
27
+ }
28
+ }
29
+
30
+ .nhsuk-input-wrapper {
31
+ .nhsuk-input,
32
+ .nhsuk-select,
33
+ .nhsuk-button {
34
+ margin-top: nhsuk-spacing(2);
35
+
36
+ // Remove margin when first or not following other inputs
37
+ &:first-child,
38
+ &:only-child {
39
+ margin-top: 0;
40
+ }
41
+ }
42
+
43
+ // Remove margin from button when last, but reserve space for button shadow
44
+ .nhsuk-button:last-child {
45
+ margin-bottom: $nhsuk-button-shadow-size;
46
+ }
47
+
48
+ @include nhsuk-media-query($from: mobile) {
49
+ flex-direction: row;
50
+
51
+ // The default of `stretch` makes small buttons appear taller than the
52
+ // input, due to using box-shadow, which we don't particularly want in
53
+ // this situation
54
+ align-items: flex-start;
55
+
56
+ .nhsuk-input,
57
+ .nhsuk-select,
58
+ .nhsuk-button {
59
+ margin-top: 0;
60
+ margin-left: nhsuk-spacing(2);
61
+
62
+ &:first-child,
63
+ &:only-child {
64
+ margin-left: 0;
65
+ }
66
+ }
67
+
68
+ .nhsuk-button {
69
+ flex-shrink: 0;
70
+
71
+ // Buttons are normally 100% wide on mobile, but we don't want that here
72
+ width: auto;
73
+
74
+ // Move spacing from top to left but reserve space for button shadow
75
+ margin-bottom: $nhsuk-button-shadow-size;
76
+ }
77
+ }
78
+ }
79
+ }
80
+
81
+ /*# sourceMappingURL=_input-wrapper.scss.map */