govuk_publishing_components 29.9.0 → 29.10.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (160) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/govuk_publishing_components/analytics/page-content.js +4 -4
  3. data/app/assets/stylesheets/govuk_publishing_components/components/_contextual-sidebar.scss +20 -0
  4. data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss +3 -8
  5. data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_attachment.scss +7 -1
  6. data/app/controllers/govuk_publishing_components/audit_controller.rb +3 -2
  7. data/app/controllers/govuk_publishing_components/component_guide_controller.rb +0 -9
  8. data/app/models/govuk_publishing_components/audit_comparer.rb +92 -34
  9. data/app/views/govuk_publishing_components/audit/_applications.html.erb +20 -9
  10. data/app/views/govuk_publishing_components/component_guide/index.html.erb +1 -19
  11. data/app/views/govuk_publishing_components/components/_layout_footer.html.erb +20 -2
  12. data/app/views/govuk_publishing_components/components/contextual_sidebar/_ukraine_cta.html.erb +18 -19
  13. data/config/locales/ar.yml +1 -2
  14. data/config/locales/az.yml +1 -2
  15. data/config/locales/be.yml +1 -2
  16. data/config/locales/bg.yml +1 -2
  17. data/config/locales/bn.yml +1 -2
  18. data/config/locales/cs.yml +1 -2
  19. data/config/locales/cy.yml +1 -2
  20. data/config/locales/da.yml +1 -2
  21. data/config/locales/de.yml +1 -2
  22. data/config/locales/dr.yml +1 -2
  23. data/config/locales/el.yml +1 -2
  24. data/config/locales/en.yml +9 -2
  25. data/config/locales/es-419.yml +1 -2
  26. data/config/locales/es.yml +1 -2
  27. data/config/locales/et.yml +1 -2
  28. data/config/locales/fa.yml +1 -2
  29. data/config/locales/fi.yml +1 -2
  30. data/config/locales/fr.yml +1 -2
  31. data/config/locales/gd.yml +1 -2
  32. data/config/locales/gu.yml +1 -2
  33. data/config/locales/he.yml +1 -2
  34. data/config/locales/hi.yml +1 -2
  35. data/config/locales/hr.yml +1 -2
  36. data/config/locales/hu.yml +1 -2
  37. data/config/locales/hy.yml +1 -2
  38. data/config/locales/id.yml +1 -2
  39. data/config/locales/is.yml +1 -2
  40. data/config/locales/it.yml +1 -2
  41. data/config/locales/ja.yml +1 -2
  42. data/config/locales/ka.yml +1 -2
  43. data/config/locales/kk.yml +1 -2
  44. data/config/locales/ko.yml +1 -2
  45. data/config/locales/lt.yml +1 -2
  46. data/config/locales/lv.yml +1 -2
  47. data/config/locales/ms.yml +1 -2
  48. data/config/locales/mt.yml +1 -2
  49. data/config/locales/nl.yml +1 -2
  50. data/config/locales/no.yml +1 -2
  51. data/config/locales/pa-pk.yml +1 -2
  52. data/config/locales/pa.yml +1 -2
  53. data/config/locales/pl.yml +1 -2
  54. data/config/locales/ps.yml +1 -2
  55. data/config/locales/pt.yml +1 -2
  56. data/config/locales/ro.yml +1 -2
  57. data/config/locales/ru.yml +1 -2
  58. data/config/locales/si.yml +1 -2
  59. data/config/locales/sk.yml +1 -2
  60. data/config/locales/sl.yml +1 -2
  61. data/config/locales/so.yml +1 -2
  62. data/config/locales/sq.yml +1 -2
  63. data/config/locales/sr.yml +1 -2
  64. data/config/locales/sv.yml +1 -2
  65. data/config/locales/sw.yml +1 -2
  66. data/config/locales/ta.yml +1 -2
  67. data/config/locales/th.yml +1 -2
  68. data/config/locales/tk.yml +1 -2
  69. data/config/locales/tr.yml +1 -2
  70. data/config/locales/uk.yml +1 -2
  71. data/config/locales/ur.yml +1 -2
  72. data/config/locales/uz.yml +1 -2
  73. data/config/locales/vi.yml +1 -2
  74. data/config/locales/zh-hk.yml +1 -2
  75. data/config/locales/zh-tw.yml +1 -2
  76. data/config/locales/zh.yml +1 -2
  77. data/lib/govuk_publishing_components/presenters/attachment_helper.rb +1 -2
  78. data/lib/govuk_publishing_components/presenters/public_layout_helper.rb +35 -16
  79. data/lib/govuk_publishing_components/version.rb +1 -1
  80. data/node_modules/govuk-frontend/govuk/all.js +120 -49
  81. data/node_modules/govuk-frontend/govuk/components/back-link/macro-options.json +2 -2
  82. data/node_modules/govuk-frontend/govuk/components/breadcrumbs/_index.scss +0 -2
  83. data/node_modules/govuk-frontend/govuk/components/breadcrumbs/macro-options.json +2 -2
  84. data/node_modules/govuk-frontend/govuk/components/button/_index.scss +6 -16
  85. data/node_modules/govuk-frontend/govuk/components/button/macro-options.json +2 -2
  86. data/node_modules/govuk-frontend/govuk/components/character-count/character-count.js +120 -49
  87. data/node_modules/govuk-frontend/govuk/components/character-count/fixtures.json +33 -17
  88. data/node_modules/govuk-frontend/govuk/components/character-count/macro-options.json +2 -2
  89. data/node_modules/govuk-frontend/govuk/components/character-count/template.njk +1 -4
  90. data/node_modules/govuk-frontend/govuk/components/checkboxes/_index.scss +3 -2
  91. data/node_modules/govuk-frontend/govuk/components/checkboxes/fixtures.json +22 -10
  92. data/node_modules/govuk-frontend/govuk/components/checkboxes/macro-options.json +2 -2
  93. data/node_modules/govuk-frontend/govuk/components/date-input/fixtures.json +23 -23
  94. data/node_modules/govuk-frontend/govuk/components/date-input/template.njk +1 -1
  95. data/node_modules/govuk-frontend/govuk/components/details/macro-options.json +4 -4
  96. data/node_modules/govuk-frontend/govuk/components/error-message/macro-options.json +2 -2
  97. data/node_modules/govuk-frontend/govuk/components/error-summary/macro-options.json +3 -3
  98. data/node_modules/govuk-frontend/govuk/components/fieldset/macro-options.json +2 -2
  99. data/node_modules/govuk-frontend/govuk/components/footer/_index.scss +12 -22
  100. data/node_modules/govuk-frontend/govuk/components/header/_index.scss +13 -3
  101. data/node_modules/govuk-frontend/govuk/components/header/macro-options.json +2 -2
  102. data/node_modules/govuk-frontend/govuk/components/hint/macro-options.json +2 -2
  103. data/node_modules/govuk-frontend/govuk/components/input/_index.scss +4 -13
  104. data/node_modules/govuk-frontend/govuk/components/input/macro-options.json +5 -5
  105. data/node_modules/govuk-frontend/govuk/components/inset-text/macro-options.json +2 -2
  106. data/node_modules/govuk-frontend/govuk/components/label/macro-options.json +2 -2
  107. data/node_modules/govuk-frontend/govuk/components/panel/_index.scss +1 -1
  108. data/node_modules/govuk-frontend/govuk/components/panel/macro-options.json +4 -4
  109. data/node_modules/govuk-frontend/govuk/components/phase-banner/macro-options.json +2 -2
  110. data/node_modules/govuk-frontend/govuk/components/radios/_index.scss +5 -4
  111. data/node_modules/govuk-frontend/govuk/components/radios/fixtures.json +17 -12
  112. data/node_modules/govuk-frontend/govuk/components/radios/macro-options.json +2 -2
  113. data/node_modules/govuk-frontend/govuk/components/skip-link/_index.scss +1 -3
  114. data/node_modules/govuk-frontend/govuk/components/skip-link/macro-options.json +2 -2
  115. data/node_modules/govuk-frontend/govuk/components/summary-list/macro-options.json +5 -5
  116. data/node_modules/govuk-frontend/govuk/components/table/macro-options.json +4 -4
  117. data/node_modules/govuk-frontend/govuk/components/tabs/macro-options.json +2 -2
  118. data/node_modules/govuk-frontend/govuk/components/tag/macro-options.json +2 -2
  119. data/node_modules/govuk-frontend/govuk/components/warning-text/macro-options.json +2 -2
  120. data/node_modules/govuk-frontend/govuk/helpers/_colour.scss +3 -3
  121. data/node_modules/govuk-frontend/govuk/helpers/_links.scss +7 -5
  122. data/node_modules/govuk-frontend/govuk/helpers/_media-queries.scss +2 -2
  123. data/node_modules/govuk-frontend/govuk/helpers/_shape-arrow.scss +1 -1
  124. data/node_modules/govuk-frontend/govuk/helpers/_spacing.scss +3 -3
  125. data/node_modules/govuk-frontend/govuk/helpers/_typography.scss +2 -2
  126. data/node_modules/govuk-frontend/govuk/objects/_button-group.scss +10 -26
  127. data/node_modules/govuk-frontend/govuk/objects/_template.scss +1 -1
  128. data/node_modules/govuk-frontend/govuk/objects/_width-container.scss +0 -4
  129. data/node_modules/govuk-frontend/govuk/tools/_exports.scss +1 -1
  130. data/node_modules/govuk-frontend/govuk/tools/_font-url.scss +1 -1
  131. data/node_modules/govuk-frontend/govuk/tools/_image-url.scss +1 -1
  132. data/node_modules/govuk-frontend/govuk/tools/_px-to-em.scss +2 -2
  133. data/node_modules/govuk-frontend/govuk/tools/_px-to-rem.scss +1 -1
  134. data/node_modules/govuk-frontend/govuk-esm/all.mjs +88 -0
  135. data/node_modules/govuk-frontend/govuk-esm/common.mjs +28 -0
  136. data/node_modules/govuk-frontend/govuk-esm/components/accordion/accordion.mjs +374 -0
  137. data/node_modules/govuk-frontend/govuk-esm/components/button/button.mjs +64 -0
  138. data/node_modules/govuk-frontend/govuk-esm/components/character-count/character-count.mjs +251 -0
  139. data/node_modules/govuk-frontend/govuk-esm/components/checkboxes/checkboxes.mjs +164 -0
  140. data/node_modules/govuk-frontend/govuk-esm/components/details/details.mjs +147 -0
  141. data/node_modules/govuk-frontend/govuk-esm/components/error-summary/error-summary.mjs +168 -0
  142. data/node_modules/govuk-frontend/govuk-esm/components/header/header.mjs +52 -0
  143. data/node_modules/govuk-frontend/govuk-esm/components/notification-banner/notification-banner.mjs +55 -0
  144. data/node_modules/govuk-frontend/govuk-esm/components/radios/radios.mjs +122 -0
  145. data/node_modules/govuk-frontend/govuk-esm/components/skip-link/skip-link.mjs +94 -0
  146. data/node_modules/govuk-frontend/govuk-esm/components/tabs/tabs.mjs +282 -0
  147. data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/DOMTokenList.js +264 -0
  148. data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/Document.js +26 -0
  149. data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/Element/prototype/classList.js +93 -0
  150. data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/Element/prototype/closest.js +24 -0
  151. data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/Element/prototype/matches.js +23 -0
  152. data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/Element/prototype/nextElementSibling.js +22 -0
  153. data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/Element/prototype/previousElementSibling.js +22 -0
  154. data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/Element.js +114 -0
  155. data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/Event.js +252 -0
  156. data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/Function/prototype/bind.js +159 -0
  157. data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/Object/defineProperty.js +86 -0
  158. data/node_modules/govuk-frontend/govuk-esm/vendor/polyfills/Window.js +20 -0
  159. data/node_modules/govuk-frontend/package.json +8 -1
  160. metadata +27 -2
@@ -39,13 +39,13 @@
39
39
  "name": "text",
40
40
  "type": "string",
41
41
  "required": true,
42
- "description": "Text for the navigation item. If `html` is provided, the `text` argument will be ignored."
42
+ "description": "Text for the navigation item. If `html` is provided, the `text` option will be ignored."
43
43
  },
44
44
  {
45
45
  "name": "html",
46
46
  "type": "string",
47
47
  "required": true,
48
- "description": "HTML for the navigation item. If `html` is provided, the `text` argument will be ignored."
48
+ "description": "HTML for the navigation item. If `html` is provided, the `text` option will be ignored."
49
49
  },
50
50
  {
51
51
  "name": "href",
@@ -3,13 +3,13 @@
3
3
  "name": "text",
4
4
  "type": "string",
5
5
  "required": true,
6
- "description": "If `html` is set, this is not required. Text to use within the hint. If `html` is provided, the `text` argument will be ignored."
6
+ "description": "If `html` is set, this is not required. Text to use within the hint. If `html` is provided, the `text` option will be ignored."
7
7
  },
8
8
  {
9
9
  "name": "html",
10
10
  "type": "string",
11
11
  "required": true,
12
- "description": "If `text` is set, this is not required. HTML to use within the hint. If `html` is provided, the `text` argument will be ignored."
12
+ "description": "If `text` is set, this is not required. HTML to use within the hint. If `html` is provided, the `text` option will be ignored."
13
13
  },
14
14
  {
15
15
  "name": "id",
@@ -22,7 +22,6 @@
22
22
 
23
23
  // Disable inner shadow and remove rounded corners
24
24
  -webkit-appearance: none;
25
- -moz-appearance: none;
26
25
  appearance: none;
27
26
 
28
27
  &:focus {
@@ -94,16 +93,12 @@
94
93
  }
95
94
 
96
95
  .govuk-input__wrapper {
97
- display: -webkit-box;
98
- display: -webkit-flex;
99
96
  display: -ms-flexbox;
100
97
  display: flex;
101
98
 
102
99
  .govuk-input {
103
- -webkit-box-flex: 0;
104
- -webkit-flex: 0 1 auto;
105
- -ms-flex: 0 1 auto;
106
- flex: 0 1 auto;
100
+ -ms-flex: 0 1 auto;
101
+ flex: 0 1 auto;
107
102
  }
108
103
 
109
104
  .govuk-input:focus {
@@ -150,13 +145,9 @@
150
145
  // Emphasise non-editable status of prefixes and suffixes
151
146
  cursor: default;
152
147
 
153
- -webkit-box-flex: 0;
148
+ -ms-flex: 0 0 auto;
154
149
 
155
- -webkit-flex: 0 0 auto;
156
-
157
- -ms-flex: 0 0 auto;
158
-
159
- flex: 0 0 auto;
150
+ flex: 0 0 auto;
160
151
 
161
152
  // Split prefix/suffix onto separate lines on narrow screens
162
153
  @include govuk-media-query($until: mobile) {
@@ -15,7 +15,7 @@
15
15
  "name": "type",
16
16
  "type": "string",
17
17
  "required": false,
18
- "description": "Type of input control to render. Defaults to `text`."
18
+ "description": "Type of input control to render, for example, a password input control. Defaults to `text`."
19
19
  },
20
20
  {
21
21
  "name": "inputmode",
@@ -66,13 +66,13 @@
66
66
  "name": "text",
67
67
  "type": "string",
68
68
  "required": true,
69
- "description": "Required. If `html` is set, this is not required. Text to use within the label. If `html` is provided, the `text` argument will be ignored."
69
+ "description": "Required. If `html` is set, this is not required. Text to use within the label. If `html` is provided, the `text` option will be ignored."
70
70
  },
71
71
  {
72
72
  "name": "html",
73
73
  "type": "string",
74
74
  "required": true,
75
- "description": "Required. If `text` is set, this is not required. HTML to use within the label. If `html` is provided, the `text` argument will be ignored."
75
+ "description": "Required. If `text` is set, this is not required. HTML to use within the label. If `html` is provided, the `text` option will be ignored."
76
76
  },
77
77
  {
78
78
  "name": "classes",
@@ -98,13 +98,13 @@
98
98
  "name": "text",
99
99
  "type": "string",
100
100
  "required": true,
101
- "description": "If `html` is set, this is not required. Text to use within the label. If `html` is provided, the `text` argument will be ignored."
101
+ "description": "If `html` is set, this is not required. Text to use within the label. If `html` is provided, the `text` option will be ignored."
102
102
  },
103
103
  {
104
104
  "name": "html",
105
105
  "type": "string",
106
106
  "required": true,
107
- "description": "If `text` is set, this is not required. HTML to use within the label. If `html` is provided, the `text` argument will be ignored."
107
+ "description": "If `text` is set, this is not required. HTML to use within the label. If `html` is provided, the `text` option will be ignored."
108
108
  },
109
109
  {
110
110
  "name": "classes",
@@ -3,13 +3,13 @@
3
3
  "name": "text",
4
4
  "type": "string",
5
5
  "required": true,
6
- "description": "If `html` is set, this is not required. Text to use within the back link component. If `html` is provided, the `text` argument will be ignored."
6
+ "description": "If `html` is set, this is not required. Text to use within the back link component. If `html` is provided, the `text` option will be ignored."
7
7
  },
8
8
  {
9
9
  "name": "html",
10
10
  "type": "string",
11
11
  "required": true,
12
- "description": "If `text` is set, this is not required. HTML to use within the back link component. If `html` is provided, the `text` argument will be ignored."
12
+ "description": "If `text` is set, this is not required. HTML to use within the back link component. If `html` is provided, the `text` option will be ignored."
13
13
  },
14
14
  {
15
15
  "name": "id",
@@ -3,13 +3,13 @@
3
3
  "name": "text",
4
4
  "type": "string",
5
5
  "required": true,
6
- "description": "If `html` is set, this is not required. Text to use within the label. If `html` is provided, the `text` argument will be ignored."
6
+ "description": "If `html` is set, this is not required. Text to use within the label. If `html` is provided, the `text` option will be ignored."
7
7
  },
8
8
  {
9
9
  "name": "html",
10
10
  "type": "string",
11
11
  "required": true,
12
- "description": "If `text` is set, this is not required. HTML to use within the label. If `html` is provided, the `text` argument will be ignored."
12
+ "description": "If `text` is set, this is not required. HTML to use within the label. If `html` is provided, the `text` option will be ignored."
13
13
  },
14
14
  {
15
15
  "name": "for",
@@ -33,7 +33,7 @@
33
33
  background: govuk-colour("green", $legacy: "turquoise");
34
34
 
35
35
  @include govuk-media-query($media-type: print) {
36
- border-color: currentColor;
36
+ border-color: currentcolor;
37
37
  color: $govuk-print-text-colour;
38
38
  background: none;
39
39
  }
@@ -3,13 +3,13 @@
3
3
  "name": "titleText",
4
4
  "type": "string",
5
5
  "required": true,
6
- "description": "If `titleHtml` is set, this is not required. Text to use within the panel. If `titleHtml` is provided, the `titleText` argument will be ignored."
6
+ "description": "If `titleHtml` is set, this is not required. Text to use within the panel. If `titleHtml` is provided, the `titleText` option will be ignored."
7
7
  },
8
8
  {
9
9
  "name": "titleHtml",
10
10
  "type": "string",
11
11
  "required": true,
12
- "description": "If `titleText` is set, this is not required. HTML to use within the panel. If `titleHtml` is provided, the `titleText` argument will be ignored."
12
+ "description": "If `titleText` is set, this is not required. HTML to use within the panel. If `titleHtml` is provided, the `titleText` option will be ignored."
13
13
  },
14
14
  {
15
15
  "name": "headingLevel",
@@ -21,13 +21,13 @@
21
21
  "name": "text",
22
22
  "type": "string",
23
23
  "required": true,
24
- "description": "If `html` is set, this is not required. Text to use within the panel content. If `html` is provided, the `text` argument will be ignored."
24
+ "description": "If `html` is set, this is not required. Text to use within the panel content. If `html` is provided, the `text` option will be ignored."
25
25
  },
26
26
  {
27
27
  "name": "html",
28
28
  "type": "string",
29
29
  "required": true,
30
- "description": "If `text` is set, this is not required. HTML to use within the panel content. If `html` is provided, the `text` argument will be ignored."
30
+ "description": "If `text` is set, this is not required. HTML to use within the panel content. If `html` is provided, the `text` option will be ignored."
31
31
  },
32
32
  {
33
33
  "name": "classes",
@@ -3,13 +3,13 @@
3
3
  "name": "text",
4
4
  "type": "string",
5
5
  "required": true,
6
- "description": "If `html` is set, this is not required. Text to use within the phase banner. If `html` is provided, the `text` argument will be ignored."
6
+ "description": "If `html` is set, this is not required. Text to use within the phase banner. If `html` is provided, the `text` option will be ignored."
7
7
  },
8
8
  {
9
9
  "name": "html",
10
10
  "type": "string",
11
11
  "required": true,
12
- "description": "If `text` is set, this is not required. HTML to use within the phase banner. If `html` is provided, the `text` argument will be ignored."
12
+ "description": "If `text` is set, this is not required. HTML to use within the phase banner. If `html` is provided, the `text` option will be ignored."
13
13
  },
14
14
  {
15
15
  "name": "tag",
@@ -87,7 +87,7 @@
87
87
  width: $govuk-radios-size;
88
88
  height: $govuk-radios-size;
89
89
 
90
- border: $govuk-border-width-form-element solid currentColor;
90
+ border: $govuk-border-width-form-element solid currentcolor;
91
91
  border-radius: 50%;
92
92
  background: transparent;
93
93
  }
@@ -106,10 +106,10 @@
106
106
  width: 0;
107
107
  height: 0;
108
108
 
109
- border: govuk-spacing(2) solid currentColor;
109
+ border: govuk-spacing(2) solid currentcolor;
110
110
  border-radius: 50%;
111
111
  opacity: 0;
112
- background: currentColor;
112
+ background: currentcolor;
113
113
  }
114
114
 
115
115
  .govuk-radios__hint {
@@ -149,7 +149,8 @@
149
149
  cursor: default;
150
150
  }
151
151
 
152
- .govuk-radios__input:disabled + .govuk-radios__label {
152
+ .govuk-radios__input:disabled + .govuk-radios__label,
153
+ .govuk-radios__input:disabled ~ .govuk-hint {
153
154
  opacity: .5;
154
155
  }
155
156
 
@@ -55,30 +55,35 @@
55
55
  {
56
56
  "name": "with disabled",
57
57
  "options": {
58
- "idPrefix": "example-disabled",
59
- "name": "example-disabled",
58
+ "idPrefix": "gov",
59
+ "name": "gov",
60
60
  "fieldset": {
61
61
  "legend": {
62
- "text": "Have you changed your name?"
62
+ "text": "How do you want to sign in?",
63
+ "isPageHeading": true
63
64
  }
64
65
  },
65
- "hint": {
66
- "text": "This includes changing your last name or spelling your name differently."
67
- },
68
66
  "items": [
69
67
  {
70
- "value": "yes",
71
- "text": "Yes",
72
- "disabled": true
68
+ "value": "gateway",
69
+ "text": "Sign in with Government Gateway",
70
+ "id": "gateway",
71
+ "hint": {
72
+ "text": "You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before."
73
+ }
73
74
  },
74
75
  {
75
- "value": "no",
76
- "text": "No",
76
+ "value": "verify",
77
+ "text": "Sign in with GOV.UK Verify",
78
+ "id": "verify",
79
+ "hint": {
80
+ "text": "You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity."
81
+ },
77
82
  "disabled": true
78
83
  }
79
84
  ]
80
85
  },
81
- "html": "<div class=\"govuk-form-group\">\n\n <fieldset class=\"govuk-fieldset\" aria-describedby=\"example-disabled-hint\">\n \n <legend class=\"govuk-fieldset__legend\">\n \n Have you changed your name?\n \n </legend>\n \n\n <div id=\"example-disabled-hint\" class=\"govuk-hint\">\n This includes changing your last name or spelling your name differently.\n </div>\n\n\n <div class=\"govuk-radios\"\n data-module=\"govuk-radios\">\n \n \n \n \n \n <div class=\"govuk-radios__item\">\n <input class=\"govuk-radios__input\" id=\"example-disabled\" name=\"example-disabled\" type=\"radio\" value=\"yes\" disabled>\n <label class=\"govuk-label govuk-radios__label\" for=\"example-disabled\">\n Yes\n </label>\n \n </div>\n \n \n \n \n \n \n \n <div class=\"govuk-radios__item\">\n <input class=\"govuk-radios__input\" id=\"example-disabled-2\" name=\"example-disabled\" type=\"radio\" value=\"no\" disabled>\n <label class=\"govuk-label govuk-radios__label\" for=\"example-disabled-2\">\n No\n </label>\n \n </div>\n \n \n \n \n </div>\n \n\n</fieldset>\n\n\n</div>",
86
+ "html": "<div class=\"govuk-form-group\">\n\n <fieldset class=\"govuk-fieldset\">\n \n <legend class=\"govuk-fieldset__legend\">\n \n <h1 class=\"govuk-fieldset__heading\">\n How do you want to sign in?\n </h1>\n \n </legend>\n \n\n <div class=\"govuk-radios\"\n data-module=\"govuk-radios\">\n \n \n \n \n <div class=\"govuk-radios__item\">\n <input class=\"govuk-radios__input\" id=\"gateway\" name=\"gov\" type=\"radio\" value=\"gateway\" aria-describedby=\"gateway-item-hint\">\n <label class=\"govuk-label govuk-radios__label\" for=\"gateway\">\n Sign in with Government Gateway\n </label>\n \n <div id=\"gateway-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n You’ll have a user ID if you’ve registered for Self Assessment or filed a tax return online before.\n </div>\n \n </div>\n \n \n \n \n \n \n \n <div class=\"govuk-radios__item\">\n <input class=\"govuk-radios__input\" id=\"verify\" name=\"gov\" type=\"radio\" value=\"verify\" disabled aria-describedby=\"verify-item-hint\">\n <label class=\"govuk-label govuk-radios__label\" for=\"verify\">\n Sign in with GOV.UK Verify\n </label>\n \n <div id=\"verify-item-hint\" class=\"govuk-hint govuk-radios__hint\">\n You’ll have an account if you’ve already proved your identity with either Barclays, CitizenSafe, Digidentity, Experian, Post Office, Royal Mail or SecureIdentity.\n </div>\n \n </div>\n \n \n \n \n </div>\n \n\n</fieldset>\n\n\n</div>",
82
87
  "hidden": false
83
88
  },
84
89
  {
@@ -56,13 +56,13 @@
56
56
  "name": "text",
57
57
  "type": "string",
58
58
  "required": true,
59
- "description": "If `html` is set, this is not required. Text to use within each radio item label. If `html` is provided, the `text` argument will be ignored."
59
+ "description": "If `html` is set, this is not required. Text to use within each radio item label. If `html` is provided, the `text` option will be ignored."
60
60
  },
61
61
  {
62
62
  "name": "html",
63
63
  "type": "string",
64
64
  "required": true,
65
- "description": "If `text` is set, this is not required. HTML to use within each radio item label. If `html` is provided, the `text` argument will be ignored."
65
+ "description": "If `text` is set, this is not required. HTML to use within each radio item label. If `html` is provided, the `text` option will be ignored."
66
66
  },
67
67
  {
68
68
  "name": "id",
@@ -11,9 +11,7 @@
11
11
 
12
12
  // Respect 'display cutout' safe area (avoids notches and rounded corners)
13
13
  @supports (padding: unquote("max(calc(0px))")) {
14
- $padding-safe-area-right: -webkit-calc(#{govuk-spacing(3)} + env(safe-area-inset-right));
15
14
  $padding-safe-area-right: calc(#{govuk-spacing(3)} + env(safe-area-inset-right));
16
- $padding-safe-area-left: -webkit-calc(#{govuk-spacing(3)} + env(safe-area-inset-left));
17
15
  $padding-safe-area-left: calc(#{govuk-spacing(3)} + env(safe-area-inset-left));
18
16
 
19
17
  // Use max() to pick largest padding, default or with safe area
@@ -28,7 +26,7 @@
28
26
  background-color: $govuk-focus-colour;
29
27
 
30
28
  // Undo unwanted changes when global styles are enabled
31
- @if ($govuk-global-styles) {
29
+ @if $govuk-global-styles {
32
30
  box-shadow: none;
33
31
  }
34
32
  }
@@ -3,13 +3,13 @@
3
3
  "name": "text",
4
4
  "type": "string",
5
5
  "required": true,
6
- "description": "If `html` is set, this is not required. Text to use within the skip link component. If `html` is provided, the `text` argument will be ignored."
6
+ "description": "If `html` is set, this is not required. Text to use within the skip link component. If `html` is provided, the `text` option will be ignored."
7
7
  },
8
8
  {
9
9
  "name": "html",
10
10
  "type": "string",
11
11
  "required": true,
12
- "description": "If `text` is set, this is not required. HTML to use within the skip link component. If `html` is provided, the `text` argument will be ignored."
12
+ "description": "If `text` is set, this is not required. HTML to use within the skip link component. If `html` is provided, the `text` option will be ignored."
13
13
  },
14
14
  {
15
15
  "name": "href",
@@ -15,7 +15,7 @@
15
15
  "name": "key.text",
16
16
  "type": "string",
17
17
  "required": true,
18
- "description": "If `html` is set, this is not required. Text to use within the each key. If `html` is provided, the `text` argument will be ignored."
18
+ "description": "If `html` is set, this is not required. Text to use within the each key. If `html` is provided, the `text` option will be ignored."
19
19
  },
20
20
  {
21
21
  "name": "key.html",
@@ -32,13 +32,13 @@
32
32
  "name": "value.text",
33
33
  "type": "string",
34
34
  "required": true,
35
- "description": "If `html` is set, this is not required. Text to use within the each value. If `html` is provided, the `text` argument will be ignored."
35
+ "description": "If `html` is set, this is not required. Text to use within the each value. If `html` is provided, the `text` option will be ignored."
36
36
  },
37
37
  {
38
38
  "name": "value.html",
39
39
  "type": "string",
40
40
  "required": true,
41
- "description": "If `text` is set, this is not required. HTML to use within the each value. If `html` is provided, the `text` argument will be ignored."
41
+ "description": "If `text` is set, this is not required. HTML to use within the each value. If `html` is provided, the `text` option will be ignored."
42
42
  },
43
43
  {
44
44
  "name": "value.classes",
@@ -68,13 +68,13 @@
68
68
  "name": "text",
69
69
  "type": "string",
70
70
  "required": true,
71
- "description": "If `html` is set, this is not required. Text to use within each action item. If `html` is provided, the `text` argument will be ignored."
71
+ "description": "If `html` is set, this is not required. Text to use within each action item. If `html` is provided, the `text` option will be ignored."
72
72
  },
73
73
  {
74
74
  "name": "html",
75
75
  "type": "string",
76
76
  "required": true,
77
- "description": "If `text` is set, this is not required. HTML to use within the each action item. If `html` is provided, the `text` argument will be ignored."
77
+ "description": "If `text` is set, this is not required. HTML to use within the each action item. If `html` is provided, the `text` option will be ignored."
78
78
  },
79
79
  {
80
80
  "name": "visuallyHiddenText",
@@ -9,13 +9,13 @@
9
9
  "name": "text",
10
10
  "type": "string",
11
11
  "required": true,
12
- "description": "If `html` is set, this is not required. Text for cells in table rows. If `html` is provided, the `text` argument will be ignored."
12
+ "description": "If `html` is set, this is not required. Text for cells in table rows. If `html` is provided, the `text` option will be ignored."
13
13
  },
14
14
  {
15
15
  "name": "html",
16
16
  "type": "string",
17
17
  "required": true,
18
- "description": "If `text` is set, this is not required. HTML for cells in table rows. If `html` is provided, the `text` argument will be ignored."
18
+ "description": "If `text` is set, this is not required. HTML for cells in table rows. If `html` is provided, the `text` option will be ignored."
19
19
  },
20
20
  {
21
21
  "name": "format",
@@ -59,13 +59,13 @@
59
59
  "name": "text",
60
60
  "type": "string",
61
61
  "required": false,
62
- "description": "If `html` is set, this is not required. Text for table head cells. If `html` is provided, the `text` argument will be ignored."
62
+ "description": "If `html` is set, this is not required. Text for table head cells. If `html` is provided, the `text` option will be ignored."
63
63
  },
64
64
  {
65
65
  "name": "html",
66
66
  "type": "string",
67
67
  "required": false,
68
- "description": "If `text` is set, this is not required. HTML for table head cells. If `html` is provided, the `text` argument will be ignored."
68
+ "description": "If `text` is set, this is not required. HTML for table head cells. If `html` is provided, the `text` option will be ignored."
69
69
  },
70
70
  {
71
71
  "name": "format",
@@ -51,13 +51,13 @@
51
51
  "name": "text",
52
52
  "type": "string",
53
53
  "required": true,
54
- "description": "If `html` is set, this is not required. Text to use within each tab panel. If `html` is provided, the `text` argument will be ignored."
54
+ "description": "If `html` is set, this is not required. Text to use within each tab panel. If `html` is provided, the `text` option will be ignored."
55
55
  },
56
56
  {
57
57
  "name": "html",
58
58
  "type": "string",
59
59
  "required": true,
60
- "description": "If `text` is set, this is not required. HTML to use within the each tab panel. If `html` is provided, the `text` argument will be ignored."
60
+ "description": "If `text` is set, this is not required. HTML to use within the each tab panel. If `html` is provided, the `text` option will be ignored."
61
61
  },
62
62
  {
63
63
  "name": "attributes",
@@ -3,13 +3,13 @@
3
3
  "name": "text",
4
4
  "type": "string",
5
5
  "required": true,
6
- "description": "If `html` is set, this is not required. Text to use within the tag component. If `html` is provided, the `text` argument will be ignored."
6
+ "description": "If `html` is set, this is not required. Text to use within the tag component. If `html` is provided, the `text` option will be ignored."
7
7
  },
8
8
  {
9
9
  "name": "html",
10
10
  "type": "string",
11
11
  "required": true,
12
- "description": "If `text` is set, this is not required. HTML to use within the tag component. If `html` is provided, the `text` argument will be ignored."
12
+ "description": "If `text` is set, this is not required. HTML to use within the tag component. If `html` is provided, the `text` option will be ignored."
13
13
  },
14
14
  {
15
15
  "name": "classes",
@@ -3,13 +3,13 @@
3
3
  "name": "text",
4
4
  "type": "string",
5
5
  "required": true,
6
- "description": "If `html` is set, this is not required. Text to use within the warning text component. If `html` is provided, the `text` argument will be ignored."
6
+ "description": "If `html` is set, this is not required. Text to use within the warning text component. If `html` is provided, the `text` option will be ignored."
7
7
  },
8
8
  {
9
9
  "name": "html",
10
10
  "type": "string",
11
11
  "required": true,
12
- "description": "If `text` is set, this is not required. HTML to use within the warning text component. If `html` is provided, the `text` argument will be ignored."
12
+ "description": "If `text` is set, this is not required. HTML to use within the warning text component. If `html` is provided, the `text` option will be ignored."
13
13
  },
14
14
  {
15
15
  "name": "iconFallbackText",
@@ -29,8 +29,8 @@
29
29
  /// @access public
30
30
 
31
31
  @function govuk-colour($colour, $legacy: false) {
32
- @if ($govuk-use-legacy-palette and $legacy) {
33
- @if (type-of($legacy) == "color") {
32
+ @if $govuk-use-legacy-palette and $legacy {
33
+ @if type-of($legacy) == "color" {
34
34
  @return $legacy;
35
35
  }
36
36
  $colour: $legacy;
@@ -65,7 +65,7 @@
65
65
 
66
66
  $org-colour: map-get($govuk-colours-organisations, $organisation);
67
67
 
68
- @if ($websafe and map-has-key($org-colour, colour-websafe)) {
68
+ @if $websafe and map-has-key($org-colour, colour-websafe) {
69
69
  @return map-get($org-colour, colour-websafe);
70
70
  } @else {
71
71
  @return map-get($org-colour, colour);
@@ -30,12 +30,12 @@
30
30
  @mixin govuk-link-decoration {
31
31
  text-decoration: underline;
32
32
 
33
- @if ($govuk-new-link-styles) {
34
- @if ($govuk-link-underline-thickness) {
33
+ @if $govuk-new-link-styles {
34
+ @if $govuk-link-underline-thickness {
35
35
  text-decoration-thickness: $govuk-link-underline-thickness;
36
36
  }
37
37
 
38
- @if ($govuk-link-underline-offset) {
38
+ @if $govuk-link-underline-offset {
39
39
  text-underline-offset: $govuk-link-underline-offset;
40
40
  }
41
41
  }
@@ -50,7 +50,7 @@
50
50
  /// @access public
51
51
 
52
52
  @mixin govuk-link-hover-decoration {
53
- @if ($govuk-new-link-styles and $govuk-link-hover-underline-thickness) {
53
+ @if $govuk-new-link-styles and $govuk-link-hover-underline-thickness {
54
54
  text-decoration-thickness: $govuk-link-hover-underline-thickness;
55
55
  // Disable ink skipping on underlines on hover. Browsers haven't
56
56
  // standardised on this part of the spec yet, so set both properties
@@ -275,7 +275,9 @@
275
275
  // Force a colour change on hover to work around a bug in Safari
276
276
  // https://bugs.webkit.org/show_bug.cgi?id=224483
277
277
  &:hover {
278
- color: rgba($govuk-text-colour, .99);
278
+ @if type-of($govuk-text-colour) == color {
279
+ color: rgba($govuk-text-colour, .99);
280
+ }
279
281
  }
280
282
 
281
283
  &:active,
@@ -12,7 +12,7 @@ $mq-static-breakpoint: if(variable-exists(govuk-ie8-breakpoint), $govuk-ie8-brea
12
12
 
13
13
  $mq-show-breakpoints: ();
14
14
 
15
- @if (variable-exists(govuk-show-breakpoints) and $govuk-show-breakpoints) {
15
+ @if variable-exists(govuk-show-breakpoints) and $govuk-show-breakpoints {
16
16
  $mq-show-breakpoints: map-keys($govuk-breakpoints);
17
17
  }
18
18
 
@@ -20,7 +20,7 @@ $mq-show-breakpoints: ();
20
20
  // 'rasterize' any media queries.
21
21
 
22
22
  $mq-responsive: true;
23
- @if (variable-exists(govuk-is-ie8) and $govuk-is-ie8) {
23
+ @if variable-exists(govuk-is-ie8) and $govuk-is-ie8 {
24
24
  $mq-responsive: false;
25
25
  }
26
26
 
@@ -46,7 +46,7 @@
46
46
 
47
47
  $perpendicular: $base / 2;
48
48
 
49
- @if ($height == null) {
49
+ @if not $height {
50
50
  $height: _govuk-equilateral-height($base);
51
51
  }
52
52
 
@@ -39,7 +39,7 @@
39
39
  }
40
40
 
41
41
  $is-negative: false;
42
- @if ($spacing-point < 0) {
42
+ @if $spacing-point < 0 {
43
43
  $is-negative: true;
44
44
  $spacing-point: abs($spacing-point);
45
45
  }
@@ -94,12 +94,12 @@
94
94
  // Loop through each breakpoint in the map
95
95
  @each $breakpoint, $breakpoint-value in $scale-map {
96
96
 
97
- @if ($adjustment) {
97
+ @if $adjustment {
98
98
  $breakpoint-value: $breakpoint-value + $adjustment;
99
99
  }
100
100
 
101
101
  // The 'null' breakpoint is for mobile.
102
- @if $breakpoint == null {
102
+ @if not $breakpoint {
103
103
 
104
104
  @if $direction == all {
105
105
  #{$property}: $breakpoint-value if($important, !important, null);
@@ -23,7 +23,7 @@
23
23
  // We do not need to include the GDS Transport font-face declarations if
24
24
  // alphagov/govuk_template is being used since nta will already be included by
25
25
  // default.
26
- @if ($govuk-include-default-font-face) {
26
+ @if $govuk-include-default-font-face {
27
27
  @include _govuk-font-face-gds-transport;
28
28
  }
29
29
 
@@ -142,7 +142,7 @@
142
142
  $font-size-rem: $font-size-rem if($important, !important, null);
143
143
  $line-height: $line-height if($important, !important, null);
144
144
 
145
- @if $breakpoint == null {
145
+ @if not $breakpoint {
146
146
  font-size: $font-size;
147
147
  @if $govuk-typography-use-rem {
148
148
  font-size: $font-size-rem;