govuk_publishing_components 27.10.5 → 27.14.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (131) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/govuk_publishing_components/components/layout-super-navigation-header.js +1 -1
  3. data/app/assets/javascripts/govuk_publishing_components/components/single-page-notification-button.js +48 -0
  4. data/app/assets/stylesheets/govuk_publishing_components/_all_components.scss +1 -0
  5. data/app/assets/stylesheets/govuk_publishing_components/components/_accordion.scss +6 -4
  6. data/app/assets/stylesheets/govuk_publishing_components/components/_govspeak.scss +0 -1
  7. data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss +246 -113
  8. data/app/assets/stylesheets/govuk_publishing_components/components/_single-page-notification-button.scss +30 -0
  9. data/app/assets/stylesheets/govuk_publishing_components/components/mixins/_margins.scss +2 -2
  10. data/app/assets/stylesheets/govuk_publishing_components/components/mixins/_prefixed-transform.scss +5 -0
  11. data/app/assets/stylesheets/govuk_publishing_components/govuk_frontend_support.scss +9 -0
  12. data/app/models/govuk_publishing_components/shared_accessibility_criteria.rb +17 -0
  13. data/app/views/govuk_publishing_components/components/_input.html.erb +35 -22
  14. data/app/views/govuk_publishing_components/components/_layout_super_navigation_header.html.erb +31 -43
  15. data/app/views/govuk_publishing_components/components/_metadata.html.erb +2 -0
  16. data/app/views/govuk_publishing_components/components/_search.html.erb +2 -1
  17. data/app/views/govuk_publishing_components/components/_single_page_notification_button.html.erb +17 -0
  18. data/app/views/govuk_publishing_components/components/contextual_sidebar/_brexit_cta.html.erb +4 -5
  19. data/app/views/govuk_publishing_components/components/docs/govspeak.yml +0 -6
  20. data/app/views/govuk_publishing_components/components/docs/input.yml +10 -0
  21. data/app/views/govuk_publishing_components/components/docs/metadata.yml +7 -0
  22. data/app/views/govuk_publishing_components/components/docs/single_page_notification_button.yml +50 -0
  23. data/app/views/govuk_publishing_components/components/search/_search_icon.html.erb +5 -5
  24. data/config/locales/ar.yml +0 -3
  25. data/config/locales/az.yml +0 -3
  26. data/config/locales/be.yml +0 -3
  27. data/config/locales/bg.yml +0 -3
  28. data/config/locales/bn.yml +0 -3
  29. data/config/locales/cs.yml +0 -3
  30. data/config/locales/cy.yml +0 -3
  31. data/config/locales/da.yml +0 -3
  32. data/config/locales/de.yml +0 -3
  33. data/config/locales/dr.yml +0 -3
  34. data/config/locales/el.yml +0 -3
  35. data/config/locales/en.yml +8 -9
  36. data/config/locales/es-419.yml +0 -3
  37. data/config/locales/es.yml +0 -3
  38. data/config/locales/et.yml +0 -3
  39. data/config/locales/fa.yml +0 -3
  40. data/config/locales/fi.yml +0 -3
  41. data/config/locales/fr.yml +0 -3
  42. data/config/locales/gd.yml +0 -3
  43. data/config/locales/gu.yml +0 -3
  44. data/config/locales/he.yml +0 -3
  45. data/config/locales/hi.yml +0 -3
  46. data/config/locales/hr.yml +0 -3
  47. data/config/locales/hu.yml +0 -3
  48. data/config/locales/hy.yml +0 -3
  49. data/config/locales/id.yml +0 -3
  50. data/config/locales/is.yml +0 -3
  51. data/config/locales/it.yml +0 -3
  52. data/config/locales/ja.yml +0 -3
  53. data/config/locales/ka.yml +0 -3
  54. data/config/locales/kk.yml +0 -3
  55. data/config/locales/ko.yml +0 -3
  56. data/config/locales/lt.yml +0 -3
  57. data/config/locales/lv.yml +0 -3
  58. data/config/locales/ms.yml +0 -3
  59. data/config/locales/mt.yml +0 -3
  60. data/config/locales/nl.yml +0 -3
  61. data/config/locales/no.yml +0 -3
  62. data/config/locales/pa-pk.yml +0 -3
  63. data/config/locales/pa.yml +0 -3
  64. data/config/locales/pl.yml +0 -3
  65. data/config/locales/ps.yml +0 -3
  66. data/config/locales/pt.yml +0 -3
  67. data/config/locales/ro.yml +0 -3
  68. data/config/locales/ru.yml +0 -3
  69. data/config/locales/si.yml +0 -3
  70. data/config/locales/sk.yml +0 -3
  71. data/config/locales/sl.yml +0 -3
  72. data/config/locales/so.yml +0 -3
  73. data/config/locales/sq.yml +0 -3
  74. data/config/locales/sr.yml +0 -3
  75. data/config/locales/sv.yml +0 -3
  76. data/config/locales/sw.yml +0 -3
  77. data/config/locales/ta.yml +0 -3
  78. data/config/locales/th.yml +0 -3
  79. data/config/locales/tk.yml +0 -3
  80. data/config/locales/tr.yml +0 -3
  81. data/config/locales/uk.yml +0 -3
  82. data/config/locales/ur.yml +0 -3
  83. data/config/locales/uz.yml +0 -3
  84. data/config/locales/vi.yml +0 -3
  85. data/config/locales/zh-hk.yml +0 -3
  86. data/config/locales/zh-tw.yml +0 -3
  87. data/config/locales/zh.yml +0 -3
  88. data/lib/govuk_publishing_components/presenters/button_helper.rb +1 -0
  89. data/lib/govuk_publishing_components/presenters/contextual_navigation.rb +15 -4
  90. data/lib/govuk_publishing_components/presenters/single_page_notification_button_helper.rb +40 -0
  91. data/lib/govuk_publishing_components/version.rb +1 -1
  92. data/lib/govuk_publishing_components.rb +1 -1
  93. data/node_modules/govuk-frontend/govuk/components/accordion/macro-options.json +2 -2
  94. data/node_modules/govuk-frontend/govuk/components/back-link/macro-options.json +3 -3
  95. data/node_modules/govuk-frontend/govuk/components/button/_index.scss +3 -4
  96. data/node_modules/govuk-frontend/govuk/components/button/fixtures.json +9 -0
  97. data/node_modules/govuk-frontend/govuk/components/character-count/macro-options.json +6 -6
  98. data/node_modules/govuk-frontend/govuk/components/checkboxes/_index.scss +14 -0
  99. data/node_modules/govuk-frontend/govuk/components/checkboxes/macro-options.json +8 -8
  100. data/node_modules/govuk-frontend/govuk/components/cookie-banner/macro-options.json +1 -1
  101. data/node_modules/govuk-frontend/govuk/components/date-input/macro-options.json +5 -5
  102. data/node_modules/govuk-frontend/govuk/components/details/_index.scss +2 -1
  103. data/node_modules/govuk-frontend/govuk/components/details/macro-options.json +2 -2
  104. data/node_modules/govuk-frontend/govuk/components/error-message/macro-options.json +3 -3
  105. data/node_modules/govuk-frontend/govuk/components/fieldset/macro-options.json +1 -1
  106. data/node_modules/govuk-frontend/govuk/components/file-upload/_index.scss +1 -0
  107. data/node_modules/govuk-frontend/govuk/components/file-upload/macro-options.json +4 -4
  108. data/node_modules/govuk-frontend/govuk/components/footer/_index.scss +3 -0
  109. data/node_modules/govuk-frontend/govuk/components/footer/macro-options.json +2 -2
  110. data/node_modules/govuk-frontend/govuk/components/header/macro-options.json +6 -6
  111. data/node_modules/govuk-frontend/govuk/components/hint/macro-options.json +1 -1
  112. data/node_modules/govuk-frontend/govuk/components/input/macro-options.json +7 -7
  113. data/node_modules/govuk-frontend/govuk/components/inset-text/macro-options.json +1 -1
  114. data/node_modules/govuk-frontend/govuk/components/label/macro-options.json +1 -1
  115. data/node_modules/govuk-frontend/govuk/components/panel/_index.scss +13 -1
  116. data/node_modules/govuk-frontend/govuk/components/panel/macro-options.json +1 -1
  117. data/node_modules/govuk-frontend/govuk/components/radios/_index.scss +14 -0
  118. data/node_modules/govuk-frontend/govuk/components/radios/macro-options.json +8 -8
  119. data/node_modules/govuk-frontend/govuk/components/select/macro-options.json +3 -3
  120. data/node_modules/govuk-frontend/govuk/components/summary-list/fixtures.json +2 -2
  121. data/node_modules/govuk-frontend/govuk/components/summary-list/macro-options.json +7 -7
  122. data/node_modules/govuk-frontend/govuk/components/tabs/macro-options.json +4 -4
  123. data/node_modules/govuk-frontend/govuk/components/textarea/macro-options.json +5 -5
  124. data/node_modules/govuk-frontend/govuk/helpers/_colour.scss +2 -2
  125. data/node_modules/govuk-frontend/govuk/helpers/_spacing.scss +22 -4
  126. data/node_modules/govuk-frontend/govuk/overrides/_all.scss +1 -0
  127. data/node_modules/govuk-frontend/govuk/overrides/_text-align.scss +20 -0
  128. data/node_modules/govuk-frontend/package.json +1 -1
  129. metadata +9 -18
  130. data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_summary.scss +0 -27
  131. data/lib/govuk_publishing_components/presenters/brexit_cta_helper.rb +0 -33
@@ -24,13 +24,13 @@
24
24
  "name": "formGroup",
25
25
  "type": "object",
26
26
  "required": false,
27
- "description": "Options for the form-group wrapper",
27
+ "description": "Options for the form-group wrapper.",
28
28
  "params": [
29
29
  {
30
30
  "name": "classes",
31
31
  "type": "string",
32
32
  "required": false,
33
- "description": "Classes to add to the form group (for example to show error state for the whole group)"
33
+ "description": "Classes to add to the form group (for example to show error state for the whole group)."
34
34
  }
35
35
  ]
36
36
  },
@@ -38,7 +38,7 @@
38
38
  "name": "idPrefix",
39
39
  "type": "string",
40
40
  "required": false,
41
- "description": "String to prefix id for each radio item if no id is specified on each item. If `idPrefix` is not passed, fallback to using the name attribute instead."
41
+ "description": "String to prefix ID for each radio item if no ID is specified on each item. If `idPrefix` is not passed, fallback to using the `name` attribute instead."
42
42
  },
43
43
  {
44
44
  "name": "name",
@@ -68,7 +68,7 @@
68
68
  "name": "id",
69
69
  "type": "string",
70
70
  "required": false,
71
- "description": "Specific id attribute for the radio item. If omitted, then `idPrefix` string will be applied."
71
+ "description": "Specific ID attribute for the radio item. If omitted, then `idPrefix` string will be applied."
72
72
  },
73
73
  {
74
74
  "name": "value",
@@ -94,19 +94,19 @@
94
94
  "name": "divider",
95
95
  "type": "string",
96
96
  "required": false,
97
- "description": "Divider text to separate radio items, for example the text \"or\"."
97
+ "description": "Divider text to separate radio items, for example the text 'or'."
98
98
  },
99
99
  {
100
100
  "name": "checked",
101
101
  "type": "boolean",
102
102
  "required": false,
103
- "description": "If true, radio will be checked."
103
+ "description": "If `true`, radio will be checked."
104
104
  },
105
105
  {
106
106
  "name": "conditional",
107
107
  "type": "string",
108
108
  "required": false,
109
- "description": "If true, content provided will be revealed when the item is checked."
109
+ "description": "If `true`, content provided will be revealed when the item is checked."
110
110
  },
111
111
  {
112
112
  "name": "conditional.html",
@@ -118,7 +118,7 @@
118
118
  "name": "disabled",
119
119
  "type": "boolean",
120
120
  "required": false,
121
- "description": "If true, radio will be disabled."
121
+ "description": "If `true`, radio will be disabled."
122
122
  },
123
123
  {
124
124
  "name": "attributes",
@@ -3,7 +3,7 @@
3
3
  "name": "id",
4
4
  "type": "string",
5
5
  "required": true,
6
- "description": "Id for each select box."
6
+ "description": "ID for each select box."
7
7
  },
8
8
  {
9
9
  "name": "name",
@@ -80,13 +80,13 @@
80
80
  "name": "formGroup",
81
81
  "type": "object",
82
82
  "required": false,
83
- "description": "Options for the form-group wrapper",
83
+ "description": "Options for the form-group wrapper.",
84
84
  "params": [
85
85
  {
86
86
  "name": "classes",
87
87
  "type": "string",
88
88
  "required": false,
89
- "description": "Classes to add to the form group (for example to show error state for the whole group)"
89
+ "description": "Classes to add to the form group (for example to show error state for the whole group)."
90
90
  }
91
91
  ]
92
92
  },
@@ -492,7 +492,7 @@
492
492
  },
493
493
  {
494
494
  "href": "#",
495
- "text": "Coom"
495
+ "text": "Zoom"
496
496
  },
497
497
  {
498
498
  "href": "#",
@@ -782,7 +782,7 @@
782
782
  }
783
783
  ]
784
784
  },
785
- "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <ul class=\"govuk-summary-list__actions-list\">\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Buy</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Use</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Break</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Fix</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Trash</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Change</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Mail</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Upgrade</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Charge</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Point</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Coom</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Press</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Snap</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Work</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Quick</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Erase</a>\n </li>\n \n </ul>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Long website address\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\">\n Change<span class=\"govuk-visually-hidden\"> long website address</span>\n </a>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Long email address\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <a class=\"govuk-link\" href=\"mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com\">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\">\n Change<span class=\"govuk-visually-hidden\"> long email address</span>\n </a>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n No wrapping allowed\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <p class=\"govuk-body\" style=\"white-space: nowrap;\">michelle.longish.name@example.com</p>\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\">\n Change<span class=\"govuk-visually-hidden\"> no wrapping allowed</span>\n </a>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Pneumonoultramicroscopicsilicovolcanoconiosis\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <p class=\"govuk-body\">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as \"an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust.\"</p>\n <p class=\"govuk-body\">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <ul class=\"govuk-summary-list__actions-list\">\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Write</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Cut</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Paste</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Save</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Load</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Check</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Quick</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Rewrite</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Plug</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Play</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Burn</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Rip</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Drag and drop</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Zip</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Unzip</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Lock</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Fill</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Curl</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Find</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n View</a>\n </li>\n \n </ul>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder.\n </dt>\n <dd class=\"govuk-summary-list__value\">\n The Great Gatsby\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <ul class=\"govuk-summary-list__actions-list\">\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Code</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Jam</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Unlock</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Surf</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Scroll</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Pose</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Click</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Cross</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Crack</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Twitch</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Update</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Name</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Read</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Tune</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Print</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Scan</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Send</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Fax</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Rename</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Touch</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Bring</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Pay</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Watch</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Turn</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Leave</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Stop</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Format</a>\n </li>\n \n </ul>\n \n </dd>\n \n </div>\n \n \n</dl>",
785
+ "html": "<dl class=\"govuk-summary-list\">\n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Name\n </dt>\n <dd class=\"govuk-summary-list__value\">\n Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <ul class=\"govuk-summary-list__actions-list\">\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Buy</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Use</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Break</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Fix</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Trash</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Change</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Mail</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Upgrade</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Charge</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Point</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Zoom</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Press</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Snap</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Work</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Quick</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Erase</a>\n </li>\n \n </ul>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Long website address\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <a class=\"govuk-link\" href=\"https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch\">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\">\n Change<span class=\"govuk-visually-hidden\"> long website address</span>\n </a>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Long email address\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <a class=\"govuk-link\" href=\"mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com\">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\">\n Change<span class=\"govuk-visually-hidden\"> long email address</span>\n </a>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n No wrapping allowed\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <p class=\"govuk-body\" style=\"white-space: nowrap;\">michelle.longish.name@example.com</p>\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <a class=\"govuk-link\" href=\"#\">\n Change<span class=\"govuk-visually-hidden\"> no wrapping allowed</span>\n </a>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Pneumonoultramicroscopicsilicovolcanoconiosis\n </dt>\n <dd class=\"govuk-summary-list__value\">\n <p class=\"govuk-body\">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlers’ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as \"an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust.\"</p>\n <p class=\"govuk-body\">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <ul class=\"govuk-summary-list__actions-list\">\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Write</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Cut</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Paste</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Save</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Load</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Check</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Quick</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Rewrite</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Plug</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Play</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Burn</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Rip</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Drag and drop</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Zip</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Unzip</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Lock</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Fill</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Curl</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Find</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n View</a>\n </li>\n \n </ul>\n \n </dd>\n \n </div>\n \n \n \n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Its vanished trees, the trees that had made way for Gatsby’s house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder.\n </dt>\n <dd class=\"govuk-summary-list__value\">\n The Great Gatsby\n </dd>\n \n <dd class=\"govuk-summary-list__actions\">\n \n <ul class=\"govuk-summary-list__actions-list\">\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Code</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Jam</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Unlock</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Surf</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Scroll</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Pose</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Click</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Cross</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Crack</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Twitch</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Update</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Name</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Read</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Tune</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Print</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Scan</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Send</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Fax</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Rename</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Touch</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Bring</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Pay</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Watch</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Turn</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Leave</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Stop</a>\n </li>\n \n <li class=\"govuk-summary-list__actions-list-item\">\n <a class=\"govuk-link\" href=\"#\">\n Format</a>\n </li>\n \n </ul>\n \n </dd>\n \n </div>\n \n \n</dl>",
786
786
  "hidden": false
787
787
  },
788
788
  {
@@ -9,7 +9,7 @@
9
9
  "name": "classes",
10
10
  "type": "string",
11
11
  "required": false,
12
- "description": "Classes to add to the row `div`"
12
+ "description": "Classes to add to the row `div`."
13
13
  },
14
14
  {
15
15
  "name": "key.text",
@@ -26,7 +26,7 @@
26
26
  "name": "key.classes",
27
27
  "type": "string",
28
28
  "required": false,
29
- "description": "Classes to add to the key wrapper"
29
+ "description": "Classes to add to the key wrapper."
30
30
  },
31
31
  {
32
32
  "name": "value.text",
@@ -44,25 +44,25 @@
44
44
  "name": "value.classes",
45
45
  "type": "string",
46
46
  "required": false,
47
- "description": "Classes to add to the value wrapper"
47
+ "description": "Classes to add to the value wrapper."
48
48
  },
49
49
  {
50
50
  "name": "actions.classes",
51
51
  "type": "string",
52
52
  "required": false,
53
- "description": "Classes to add to the actions wrapper"
53
+ "description": "Classes to add to the actions wrapper."
54
54
  },
55
55
  {
56
56
  "name": "actions.items",
57
57
  "type": "array",
58
58
  "required": false,
59
- "description": "Array of action item objects",
59
+ "description": "Array of action item objects.",
60
60
  "params": [
61
61
  {
62
62
  "name": "href",
63
63
  "type": "string",
64
64
  "required": true,
65
- "description": "The value of the link href attribute for an action item"
65
+ "description": "The value of the link's `href` attribute for an action item."
66
66
  },
67
67
  {
68
68
  "name": "text",
@@ -80,7 +80,7 @@
80
80
  "name": "visuallyHiddenText",
81
81
  "type": "string",
82
82
  "required": false,
83
- "description": "Actions rely on context from the surrounding content so may require additional accessible text, text supplied to this option is appended to the end, use `html` for more complicated scenarios."
83
+ "description": "Actions rely on context from the surrounding content so may require additional accessible text. Text supplied to this option is appended to the end. Use `html` for more complicated scenarios."
84
84
  },
85
85
  {
86
86
  "name": "classes",
@@ -3,19 +3,19 @@
3
3
  "name": "id",
4
4
  "type": "string",
5
5
  "required": false,
6
- "description": "This is used for the main component and to compose id attribute for each item."
6
+ "description": "This is used for the main component and to compose the ID attribute for each item."
7
7
  },
8
8
  {
9
9
  "name": "idPrefix",
10
10
  "type": "string",
11
11
  "required": false,
12
- "description": "String to prefix id for each tab item if no id is specified on each item"
12
+ "description": "String to prefix id for each tab item if no id is specified on each item."
13
13
  },
14
14
  {
15
15
  "name": "title",
16
16
  "type": "string",
17
17
  "required": false,
18
- "description": "Title for the tabs table of contents"
18
+ "description": "Title for the tabs table of contents."
19
19
  },
20
20
  {
21
21
  "name": "items",
@@ -27,7 +27,7 @@
27
27
  "name": "id",
28
28
  "type": "string",
29
29
  "required": true,
30
- "description": "Specific id attribute for the tab item. If omitted, then `idPrefix` string is required instead."
30
+ "description": "Specific ID attribute for the tab item. If omitted, then `idPrefix` string is required instead."
31
31
  },
32
32
  {
33
33
  "name": "label",
@@ -3,7 +3,7 @@
3
3
  "name": "id",
4
4
  "type": "string",
5
5
  "required": true,
6
- "description": "The id of the textarea."
6
+ "description": "The ID of the textarea."
7
7
  },
8
8
  {
9
9
  "name": "name",
@@ -15,7 +15,7 @@
15
15
  "name": "spellcheck",
16
16
  "type": "boolean",
17
17
  "required": false,
18
- "description": "Optional field to enable or disable the spellcheck attribute on the textarea."
18
+ "description": "Optional field to enable or disable the `spellcheck` attribute on the textarea."
19
19
  },
20
20
  {
21
21
  "name": "rows",
@@ -60,13 +60,13 @@
60
60
  "name": "formGroup",
61
61
  "type": "object",
62
62
  "required": false,
63
- "description": "Options for the form-group wrapper",
63
+ "description": "Options for the form-group wrapper.",
64
64
  "params": [
65
65
  {
66
66
  "name": "classes",
67
67
  "type": "string",
68
68
  "required": false,
69
- "description": "Classes to add to the form group (for example to show error state for the whole group)"
69
+ "description": "Classes to add to the form group (for example to show error state for the whole group)."
70
70
  }
71
71
  ]
72
72
  },
@@ -80,7 +80,7 @@
80
80
  "name": "autocomplete",
81
81
  "type": "string",
82
82
  "required": false,
83
- "description": "Attribute to [identify input purpose](https://www.w3.org/WAI/WCAG21/Understanding/identify-input-purpose.html), for instance \"postal-code\" or \"username\". See [autofill](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill) for full list of attributes that can be used."
83
+ "description": "Attribute to [identify input purpose](https://www.w3.org/WAI/WCAG21/Understanding/identify-input-purpose.html), for example `postal-code` or `username`. See [autofill](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill) for full list of attributes that can be used."
84
84
  },
85
85
  {
86
86
  "name": "attributes",
@@ -75,7 +75,7 @@
75
75
  /// Make a colour darker by mixing it with black
76
76
  ///
77
77
  /// @param {Colour} $colour - colour to shade
78
- /// @param {Number} $percentage - percentage of `$colour` in returned color
78
+ /// @param {Number} $percentage - percentage of `$colour` in returned colour
79
79
  /// @return {Colour}
80
80
  /// @access public
81
81
 
@@ -86,7 +86,7 @@
86
86
  /// Make a colour lighter by mixing it with white
87
87
  ///
88
88
  /// @param {Colour} $colour - colour to tint
89
- /// @param {Number} $percentage - percentage of `$colour` in returned color
89
+ /// @param {Number} $percentage - percentage of `$colour` in returned colour
90
90
  /// @return {Colour}
91
91
  /// @access public
92
92
 
@@ -8,15 +8,26 @@
8
8
  ///
9
9
  /// Returns measurement corresponding to the spacing point requested.
10
10
  ///
11
- /// @param {Number} $spacing-point - Point on the spacing scale (set in `settings/_spacing.sccs`)
11
+ /// @param {Number} $spacing-point - Point on the spacing scale
12
+ /// (set in `settings/_spacing.scss`)
12
13
  ///
13
- /// @returns {String} Spacing Measurement eg. 10px
14
+ /// @returns {String} Spacing measurement eg. 10px
14
15
  ///
15
16
  /// @example scss
16
17
  /// .element {
17
18
  /// padding: govuk-spacing(5);
18
- /// top: govuk-spacing(2) !important; // if `!important` is required
19
19
  /// }
20
+ ///
21
+ /// @example scss Using negative spacing
22
+ /// .element {
23
+ /// margin-top: govuk-spacing(-1);
24
+ /// }
25
+ ///
26
+ /// @example scss Marking spacing declarations as important
27
+ /// .element {
28
+ /// margin-top: govuk-spacing(1) !important;
29
+ /// }
30
+ ///
20
31
  /// @access public
21
32
 
22
33
  @function govuk-spacing($spacing-point) {
@@ -27,11 +38,18 @@
27
38
  + "#{$actual-input-type}.";
28
39
  }
29
40
 
41
+ $is-negative: false;
42
+ @if ($spacing-point < 0) {
43
+ $is-negative: true;
44
+ $spacing-point: abs($spacing-point);
45
+ }
46
+
30
47
  @if not map-has-key($govuk-spacing-points, $spacing-point) {
31
48
  @error "Unknown spacing variable `#{$spacing-point}`. Make sure you are using a point from the spacing scale in `_settings/spacing.scss`.";
32
49
  }
33
50
 
34
- @return map-get($govuk-spacing-points, $spacing-point);
51
+ $value: map-get($govuk-spacing-points, $spacing-point);
52
+ @return if($is-negative, $value * -1, $value);
35
53
  }
36
54
 
37
55
  /// Responsive spacing
@@ -1,4 +1,5 @@
1
1
  @import "display";
2
2
  @import "spacing";
3
+ @import "text-align";
3
4
  @import "typography";
4
5
  @import "width";
@@ -0,0 +1,20 @@
1
+ @if not mixin-exists("govuk-exports") {
2
+ @warn "Importing items from the overrides layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
3
+ }
4
+
5
+ @import "../base";
6
+
7
+ // stylelint-disable declaration-no-important
8
+ @include govuk-exports("govuk/overrides/text-align") {
9
+ .govuk-\!-text-align-left {
10
+ text-align: left !important;
11
+ }
12
+
13
+ .govuk-\!-text-align-centre {
14
+ text-align: center !important;
15
+ }
16
+
17
+ .govuk-\!-text-align-right {
18
+ text-align: right !important;
19
+ }
20
+ }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "govuk-frontend",
3
3
  "description": "GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.",
4
- "version": "3.13.0",
4
+ "version": "3.14.0",
5
5
  "main": "govuk/all.js",
6
6
  "sass": "govuk/all.scss",
7
7
  "engines": {
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: govuk_publishing_components
3
3
  version: !ruby/object:Gem::Version
4
- version: 27.10.5
4
+ version: 27.14.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - GOV.UK Dev
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-11-03 00:00:00.000000000 Z
11
+ date: 2021-11-18 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: govuk_app_config
@@ -192,20 +192,6 @@ dependencies:
192
192
  - - ">="
193
193
  - !ruby/object:Gem::Version
194
194
  version: '0'
195
- - !ruby/object:Gem::Dependency
196
- name: i18n-tasks
197
- requirement: !ruby/object:Gem::Requirement
198
- requirements:
199
- - - ">="
200
- - !ruby/object:Gem::Version
201
- version: '0'
202
- type: :development
203
- prerelease: false
204
- version_requirements: !ruby/object:Gem::Requirement
205
- requirements:
206
- - - ">="
207
- - !ruby/object:Gem::Version
208
- version: '0'
209
195
  - !ruby/object:Gem::Dependency
210
196
  name: jasmine
211
197
  requirement: !ruby/object:Gem::Requirement
@@ -515,6 +501,7 @@ files:
515
501
  - app/assets/javascripts/govuk_publishing_components/components/radio.js
516
502
  - app/assets/javascripts/govuk_publishing_components/components/reorderable-list.js
517
503
  - app/assets/javascripts/govuk_publishing_components/components/show-password.js
504
+ - app/assets/javascripts/govuk_publishing_components/components/single-page-notification-button.js
518
505
  - app/assets/javascripts/govuk_publishing_components/components/step-by-step-nav.js
519
506
  - app/assets/javascripts/govuk_publishing_components/components/tabs.js
520
507
  - app/assets/javascripts/govuk_publishing_components/dependencies.js
@@ -605,6 +592,7 @@ files:
605
592
  - app/assets/stylesheets/govuk_publishing_components/components/_select.scss
606
593
  - app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss
607
594
  - app/assets/stylesheets/govuk_publishing_components/components/_show-password.scss
595
+ - app/assets/stylesheets/govuk_publishing_components/components/_single-page-notification-button.scss
608
596
  - app/assets/stylesheets/govuk_publishing_components/components/_skip-link.scss
609
597
  - app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav-header.scss
610
598
  - app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav-related.scss
@@ -637,7 +625,6 @@ files:
637
625
  - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_place.scss
638
626
  - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_stat-headline.scss
639
627
  - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_steps.scss
640
- - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_summary.scss
641
628
  - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_tables.scss
642
629
  - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_typography.scss
643
630
  - app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
@@ -650,6 +637,7 @@ files:
650
637
  - app/assets/stylesheets/govuk_publishing_components/components/mixins/_govuk-template-link-focus-override.scss
651
638
  - app/assets/stylesheets/govuk_publishing_components/components/mixins/_margins.scss
652
639
  - app/assets/stylesheets/govuk_publishing_components/components/mixins/_media-down.scss
640
+ - app/assets/stylesheets/govuk_publishing_components/components/mixins/_prefixed-transform.scss
653
641
  - app/assets/stylesheets/govuk_publishing_components/components/print/_accordion.scss
654
642
  - app/assets/stylesheets/govuk_publishing_components/components/print/_button.scss
655
643
  - app/assets/stylesheets/govuk_publishing_components/components/print/_contents-list.scss
@@ -750,6 +738,7 @@ files:
750
738
  - app/views/govuk_publishing_components/components/_select.html.erb
751
739
  - app/views/govuk_publishing_components/components/_share_links.html.erb
752
740
  - app/views/govuk_publishing_components/components/_show_password.html.erb
741
+ - app/views/govuk_publishing_components/components/_single_page_notification_button.html.erb
753
742
  - app/views/govuk_publishing_components/components/_skip_link.html.erb
754
743
  - app/views/govuk_publishing_components/components/_step_by_step_nav.html.erb
755
744
  - app/views/govuk_publishing_components/components/_step_by_step_nav_header.html.erb
@@ -833,6 +822,7 @@ files:
833
822
  - app/views/govuk_publishing_components/components/docs/select.yml
834
823
  - app/views/govuk_publishing_components/components/docs/share_links.yml
835
824
  - app/views/govuk_publishing_components/components/docs/show_password.yml
825
+ - app/views/govuk_publishing_components/components/docs/single_page_notification_button.yml
836
826
  - app/views/govuk_publishing_components/components/docs/skip_link.yml
837
827
  - app/views/govuk_publishing_components/components/docs/step_by_step_nav.yml
838
828
  - app/views/govuk_publishing_components/components/docs/step_by_step_nav_header.yml
@@ -942,7 +932,6 @@ files:
942
932
  - lib/govuk_publishing_components/presenters/attachment.rb
943
933
  - lib/govuk_publishing_components/presenters/breadcrumb_selector.rb
944
934
  - lib/govuk_publishing_components/presenters/breadcrumbs.rb
945
- - lib/govuk_publishing_components/presenters/brexit_cta_helper.rb
946
935
  - lib/govuk_publishing_components/presenters/button_helper.rb
947
936
  - lib/govuk_publishing_components/presenters/checkboxes_helper.rb
948
937
  - lib/govuk_publishing_components/presenters/content_breadcrumbs_based_on_ancestors.rb
@@ -980,6 +969,7 @@ files:
980
969
  - lib/govuk_publishing_components/presenters/schema_org.rb
981
970
  - lib/govuk_publishing_components/presenters/select.rb
982
971
  - lib/govuk_publishing_components/presenters/shared_helper.rb
972
+ - lib/govuk_publishing_components/presenters/single_page_notification_button_helper.rb
983
973
  - lib/govuk_publishing_components/presenters/step_by_step_nav_helper.rb
984
974
  - lib/govuk_publishing_components/presenters/subscription_links_helper.rb
985
975
  - lib/govuk_publishing_components/presenters/taxonomy_list_helper.rb
@@ -1861,6 +1851,7 @@ files:
1861
1851
  - node_modules/govuk-frontend/govuk/overrides/_all.scss
1862
1852
  - node_modules/govuk-frontend/govuk/overrides/_display.scss
1863
1853
  - node_modules/govuk-frontend/govuk/overrides/_spacing.scss
1854
+ - node_modules/govuk-frontend/govuk/overrides/_text-align.scss
1864
1855
  - node_modules/govuk-frontend/govuk/overrides/_typography.scss
1865
1856
  - node_modules/govuk-frontend/govuk/overrides/_width.scss
1866
1857
  - node_modules/govuk-frontend/govuk/settings/_all.scss
@@ -1,27 +0,0 @@
1
- .govspeak, // Legacy class name that's still used in some content items - needs to be kept until `.govspeak` is removed from the content items.
2
- .gem-c-govspeak {
3
- .summary {
4
- margin: 0 0 2em;
5
- padding: 0;
6
- color: $govuk-text-colour;
7
-
8
- p {
9
- @include govuk-font($size: 19);
10
- }
11
-
12
- @include govuk-media-query($until: tablet) {
13
- margin: 0 0 2em;
14
- padding: 0;
15
- }
16
-
17
- p,
18
- h2 {
19
- border: 0;
20
- margin: 0 .75em 0 0;
21
- }
22
-
23
- h2 {
24
- line-height: 1.35em;
25
- }
26
- }
27
- }
@@ -1,33 +0,0 @@
1
- module GovukPublishingComponents
2
- module Presenters
3
- class BrexitCtaHelper
4
- BREXIT_HUB_PAGE_IDS = %w[
5
- 6555e0bf-c270-4cf9-a0c5-d20b95fab7f1
6
- 91cd6143-69d5-4f27-99ff-a52fb0d51c78
7
- ].freeze
8
-
9
- def initialize(content_item)
10
- @content_item = content_item
11
- end
12
-
13
- def title_key
14
- use_brexit_hub_page_navigation? ? "components.related_navigation.transition.hub_page_title" : "components.related_navigation.transition.title"
15
- end
16
-
17
- def link_text_key
18
- use_brexit_hub_page_navigation? ? "components.related_navigation.transition.hub_page_link_text" : "components.related_navigation.transition.link_text"
19
- end
20
-
21
- def link_path_key
22
- use_brexit_hub_page_navigation? ? "components.related_navigation.transition.hub_page_link_path" : "components.related_navigation.transition.link_path"
23
- end
24
-
25
- private
26
-
27
- def use_brexit_hub_page_navigation?
28
- I18n.locale == :en &&
29
- BREXIT_HUB_PAGE_IDS.include?(@content_item["content_id"])
30
- end
31
- end
32
- end
33
- end