dxw_govuk_frontend_rails 3.4.0 → 3.5.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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 665a2cf46a22c74d9db17906cdc8ad3582ea81bf03d96961f29e3f46ccb4f4a6
4
- data.tar.gz: a734d82b07c896ef3af09306721b8088628801f6931e78f5c142d85ab7be0430
3
+ metadata.gz: ae09a9588462372293e8a6feaa9815bd7317909f8fe984fedfc1fa4eb39d112c
4
+ data.tar.gz: de694312ec22a3117847497310c0d21f078172fe49ef1ff65442f41b87ed8e48
5
5
  SHA512:
6
- metadata.gz: 030eac8904fb2fec2d2a62c378722b22430a70e3b3ff311856d4711bb9d900e9fdc1869638751b1bceed600f2b43468a751ffffdef85aff9a685c480022cf66f
7
- data.tar.gz: 3b554b48352295441e18a1e30a5c5cc1428fa1713c887526b3621d114100b628d594ef3e1bbad9b1bc031eefc76b4ee46c6222abb0d663e3485daee7734e552b
6
+ metadata.gz: 4663f2f1786ab540e0d329a96265946b66f45cad0fc220623db398975cebecd7cfc9c1a092d320a53c2c8fe2cc6e7969a1820e64826bda545d50eecc34c89458
7
+ data.tar.gz: d3024c1c0d1615e8c8f5f18d18eabeec53eec3b2ee0fc877bcde5403609f0b733a8dee3d067beeb9ee62638688b52116bc480d645d492b443eb9b17cf37b6a52
@@ -1,12 +1,12 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- dxw_govuk_frontend_rails (3.4.0)
4
+ dxw_govuk_frontend_rails (3.5.0)
5
5
 
6
6
  GEM
7
7
  remote: https://rubygems.org/
8
8
  specs:
9
- rake (10.5.0)
9
+ rake (13.0.1)
10
10
 
11
11
  PLATFORMS
12
12
  ruby
@@ -14,7 +14,7 @@ PLATFORMS
14
14
  DEPENDENCIES
15
15
  bundler (~> 2.0)
16
16
  dxw_govuk_frontend_rails!
17
- rake (~> 10.0)
17
+ rake (~> 13.0)
18
18
 
19
19
  BUNDLED WITH
20
20
  2.0.2
@@ -23,5 +23,5 @@ Gem::Specification.new do |spec|
23
23
  spec.require_paths = ["lib"]
24
24
 
25
25
  spec.add_development_dependency "bundler", "~> 2.0"
26
- spec.add_development_dependency "rake", "~> 10.0"
26
+ spec.add_development_dependency "rake", "~> 13.0"
27
27
  end
@@ -1,3 +1,3 @@
1
1
  module DxwGovukFrontendRails
2
- VERSION = "3.4.0"
2
+ VERSION = "3.5.0"
3
3
  end
@@ -5,9 +5,9 @@
5
5
  "requires": true,
6
6
  "dependencies": {
7
7
  "govuk-frontend": {
8
- "version": "3.4.0",
9
- "resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-3.4.0.tgz",
10
- "integrity": "sha512-rmYPtcCtWgz92QBejYwOnfSxbPGYfvSruLwB4CBk/yJtySHRY0whG1e2/iFRRSj0pMx1Bu+zh/IqCTo+84hbFw=="
8
+ "version": "3.5.0",
9
+ "resolved": "https://registry.npmjs.org/govuk-frontend/-/govuk-frontend-3.5.0.tgz",
10
+ "integrity": "sha512-4tNKgcChO1bMNsrTz2UsK4fDMmU9R87UDxy/KhKIMbnhsuJLVuArDveYLkZuUsZ6B3eaCbl5gmI8i/Q/Mi680A=="
11
11
  }
12
12
  }
13
13
  }
@@ -21,6 +21,6 @@
21
21
  },
22
22
  "homepage": "https://github.com/mec/dxw_govuk_frontend_rails#readme",
23
23
  "dependencies": {
24
- "govuk-frontend": "3.4.0"
24
+ "govuk-frontend": "3.5.0"
25
25
  }
26
26
  }
@@ -2036,12 +2036,13 @@ Radios.prototype.handleClick = function (event) {
2036
2036
 
2037
2037
  (function (global) {
2038
2038
 
2039
- // Polyfill from https://github.com/Financial-Times/polyfill-service/pull/1062/files#diff-404b69b4750d18dea4174930a49170fd
2039
+ // There is no polyfill in polyfill-library (https://github.com/Financial-Times/polyfill-library/issues/338)
2040
+ // So we source this from https://github.com/Alhadis/Snippets/blob/e09b4dfb7ffc9e250bc28319051e39ead3e5f70a/js/polyfills/IE8-child-elements.js#L28-L33
2040
2041
  Object.defineProperty(Element.prototype, "nextElementSibling", {
2041
2042
  get: function(){
2042
2043
  var el = this.nextSibling;
2043
2044
  while (el && el.nodeType !== 1) { el = el.nextSibling; }
2044
- return (el.nodeType === 1) ? el : null;
2045
+ return el;
2045
2046
  }
2046
2047
  });
2047
2048
 
@@ -2059,12 +2060,13 @@ Radios.prototype.handleClick = function (event) {
2059
2060
  if (detect) return
2060
2061
 
2061
2062
  (function (global) {
2062
- // Polyfill from https://github.com/Financial-Times/polyfill-service/pull/1062/files#diff-b45a1197b842728cb76b624b6ba7d739
2063
+ // There is no polyfill in polyfill-library (https://github.com/Financial-Times/polyfill-library/issues/338)
2064
+ // So we source this from https://github.com/Alhadis/Snippets/blob/e09b4dfb7ffc9e250bc28319051e39ead3e5f70a/js/polyfills/IE8-child-elements.js#L35-L40
2063
2065
  Object.defineProperty(Element.prototype, 'previousElementSibling', {
2064
2066
  get: function(){
2065
2067
  var el = this.previousSibling;
2066
2068
  while (el && el.nodeType !== 1) { el = el.previousSibling; }
2067
- return (el.nodeType === 1) ? el : null;
2069
+ return el;
2068
2070
  }
2069
2071
  });
2070
2072
 
@@ -243,8 +243,6 @@
243
243
 
244
244
  display: -webkit-inline-box;
245
245
 
246
- display: -webkit-inline-flex;
247
-
248
246
  display: -ms-inline-flexbox;
249
247
 
250
248
  display: inline-flex;
@@ -252,8 +250,6 @@
252
250
 
253
251
  -webkit-box-pack: center;
254
252
 
255
- -webkit-justify-content: center;
256
-
257
253
  -ms-flex-pack: center;
258
254
 
259
255
  justify-content: center;
@@ -266,12 +262,10 @@
266
262
  margin-left: govuk-spacing(2);
267
263
  }
268
264
  vertical-align: middle;
269
- -webkit-flex-shrink: 0;
270
- -ms-flex-negative: 0;
271
- flex-shrink: 0;
272
- -webkit-align-self: center;
273
- -ms-flex-item-align: center;
274
- align-self: center;
265
+ -ms-flex-negative: 0;
266
+ flex-shrink: 0;
267
+ -ms-flex-item-align: center;
268
+ align-self: center;
275
269
  }
276
270
 
277
271
  @if $govuk-use-legacy-font {
@@ -77,19 +77,6 @@
77
77
  }
78
78
  }
79
79
 
80
- // Internet Explorer 8 does not support `:not()` selectors, so don't conditionally show underlines.
81
- @include govuk-not-ie8 {
82
- .govuk-footer__inline-list .govuk-footer__link,
83
- .govuk-footer__list .govuk-footer__link {
84
- text-decoration: none;
85
-
86
- &:hover:not(:focus),
87
- &:active:not(:focus) {
88
- text-decoration: underline;
89
- }
90
- }
91
- }
92
-
93
80
  .govuk-footer__section-break {
94
81
  margin: 0; // Reset `<hr>` default margins
95
82
  @include govuk-responsive-margin(8, "bottom");
@@ -99,20 +86,16 @@
99
86
 
100
87
  .govuk-footer__meta {
101
88
  display: -webkit-box;
102
- display: -webkit-flex;
103
89
  display: -ms-flexbox;
104
90
  display: flex; // Support: Flexbox
105
91
  margin-right: -$govuk-gutter-half;
106
92
  margin-left: -$govuk-gutter-half;
107
- -webkit-flex-wrap: wrap;
108
- -ms-flex-wrap: wrap;
109
- flex-wrap: wrap; // Support: Flexbox
93
+ -ms-flex-wrap: wrap;
94
+ flex-wrap: wrap; // Support: Flexbox
110
95
  -webkit-box-align: end;
111
- -webkit-align-items: flex-end;
112
96
  -ms-flex-align: end;
113
97
  align-items: flex-end; // Support: Flexbox
114
98
  -webkit-box-pack: center;
115
- -webkit-justify-content: center;
116
99
  -ms-flex-pack: center;
117
100
  justify-content: center; // Support: Flexbox
118
101
  }
@@ -125,20 +108,18 @@
125
108
 
126
109
  .govuk-footer__meta-item--grow {
127
110
  -webkit-box-flex: 1;
128
- -webkit-flex: 1;
129
111
  -ms-flex: 1;
130
112
  flex: 1; // Support: Flexbox
131
- @include mq ($until: tablet) {
132
- -webkit-flex-basis: 320px;
133
- -ms-flex-preferred-size: 320px;
134
- flex-basis: 320px; // Support: Flexbox
113
+ @include govuk-media-query ($until: tablet) {
114
+ -ms-flex-preferred-size: 320px;
115
+ flex-basis: 320px; // Support: Flexbox
135
116
  }
136
117
  }
137
118
 
138
119
  .govuk-footer__licence-logo {
139
120
  display: inline-block;
140
121
  margin-right: govuk-spacing(2);
141
- @include mq ($until: desktop) {
122
+ @include govuk-media-query ($until: desktop) {
142
123
  margin-bottom: govuk-spacing(3);
143
124
  }
144
125
  vertical-align: top;
@@ -183,7 +164,7 @@
183
164
  .govuk-footer__heading {
184
165
  @include govuk-responsive-margin(7, "bottom");
185
166
  padding-bottom: govuk-spacing(4);
186
- @include mq ($until: tablet) {
167
+ @include govuk-media-query ($until: tablet) {
187
168
  padding-bottom: govuk-spacing(2);
188
169
  }
189
170
  border-bottom: 1px solid $govuk-footer-border;
@@ -191,14 +172,12 @@
191
172
 
192
173
  .govuk-footer__navigation {
193
174
  display: -webkit-box;
194
- display: -webkit-flex;
195
175
  display: -ms-flexbox;
196
176
  display: flex; // Support: Flexbox
197
177
  margin-right: -$govuk-gutter-half;
198
178
  margin-left: -$govuk-gutter-half;
199
- -webkit-flex-wrap: wrap;
200
- -ms-flex-wrap: wrap;
201
- flex-wrap: wrap; // Support: Flexbox
179
+ -ms-flex-wrap: wrap;
180
+ flex-wrap: wrap; // Support: Flexbox
202
181
  }
203
182
 
204
183
  .govuk-footer__section {
@@ -209,28 +188,24 @@
209
188
  vertical-align: top;
210
189
  // Ensure columns take up equal width (typically one-half:one-half)
211
190
  -webkit-box-flex: 1;
212
- -webkit-flex-grow: 1;
213
191
  -ms-flex-positive: 1;
214
192
  flex-grow: 1; // Support: Flexbox
215
- -webkit-flex-shrink: 1;
216
- -ms-flex-negative: 1;
217
- flex-shrink: 1; // Support: Flexbox
218
- @include mq ($until: desktop) {
193
+ -ms-flex-negative: 1;
194
+ flex-shrink: 1; // Support: Flexbox
195
+ @include govuk-media-query ($until: desktop) {
219
196
  // Make sure columns do not drop below 200px in width
220
197
  // Will typically result in wrapping, and end up in a single column on smaller screens.
221
- -webkit-flex-basis: 200px;
222
- -ms-flex-preferred-size: 200px;
223
- flex-basis: 200px; // Support: Flexbox
198
+ -ms-flex-preferred-size: 200px;
199
+ flex-basis: 200px; // Support: Flexbox
224
200
  }
225
201
  }
226
202
 
227
203
  // If there are only two sections, set the layout to be two-third:one-third on desktop
228
- @include mq ($from: desktop) {
204
+ @include govuk-media-query ($from: desktop) {
229
205
  // We match the first section with `:first-child`.
230
206
  // To ensure the section is one of two, we can count backwards using `:nth-last-child(2)`.
231
207
  .govuk-footer__section:first-child:nth-last-child(2) {
232
208
  -webkit-box-flex: 2;
233
- -webkit-flex-grow: 2;
234
209
  -ms-flex-positive: 2;
235
210
  flex-grow: 2; // Support: Flexbox
236
211
  }
@@ -245,7 +220,7 @@
245
220
  column-gap: $govuk-gutter; // Support: Columns
246
221
  }
247
222
 
248
- @include mq ($from: desktop) {
223
+ @include govuk-media-query ($from: desktop) {
249
224
  .govuk-footer__list--columns-2 {
250
225
  -webkit-column-count: 2;
251
226
  -moz-column-count: 2;
@@ -138,7 +138,7 @@
138
138
  @include govuk-responsive-margin(2, "bottom");
139
139
  padding-right: govuk-spacing(8);
140
140
 
141
- @include mq ($from: desktop) {
141
+ @include govuk-media-query ($from: desktop) {
142
142
  width: 33.33%;
143
143
  padding-right: $govuk-gutter-half;
144
144
  float: left;
@@ -147,7 +147,7 @@
147
147
  }
148
148
 
149
149
  .govuk-header__content {
150
- @include mq ($from: desktop) {
150
+ @include govuk-media-query ($from: desktop) {
151
151
  width: 66.66%;
152
152
  padding-left: $govuk-gutter-half;
153
153
  float: left;
@@ -180,7 +180,7 @@
180
180
  margin-left: govuk-spacing(1);
181
181
  }
182
182
 
183
- @include mq ($from: tablet) {
183
+ @include govuk-media-query ($from: tablet) {
184
184
  top: govuk-spacing(3);
185
185
  }
186
186
  }
@@ -202,14 +202,14 @@
202
202
  .js-enabled {
203
203
  .govuk-header__menu-button {
204
204
  display: block;
205
- @include mq ($from: desktop) {
205
+ @include govuk-media-query ($from: desktop) {
206
206
  display: none;
207
207
  }
208
208
  }
209
209
 
210
210
  .govuk-header__navigation {
211
211
  display: none;
212
- @include mq ($from: desktop) {
212
+ @include govuk-media-query ($from: desktop) {
213
213
  display: block;
214
214
  }
215
215
  }
@@ -221,7 +221,7 @@
221
221
 
222
222
 
223
223
  .govuk-header__navigation--end {
224
- @include mq ($from: desktop) {
224
+ @include govuk-media-query ($from: desktop) {
225
225
  margin: 0;
226
226
  padding: govuk-spacing(1) 0;
227
227
  text-align: right;
@@ -236,7 +236,7 @@
236
236
  padding: govuk-spacing(2) 0;
237
237
  border-bottom: 1px solid $govuk-header-nav-item-border-color;
238
238
 
239
- @include mq ($from: desktop) {
239
+ @include govuk-media-query ($from: desktop) {
240
240
  display: inline-block;
241
241
  margin-right: govuk-spacing(3);
242
242
  padding: govuk-spacing(1) 0;
@@ -148,7 +148,7 @@
148
148
  // =========================================================
149
149
 
150
150
  .govuk-radios--inline {
151
- @include mq ($from: tablet) {
151
+ @include govuk-media-query ($from: tablet) {
152
152
  @include govuk-clearfix;
153
153
 
154
154
  .govuk-radios__item {
@@ -26,6 +26,12 @@
26
26
  &:focus {
27
27
  outline: $govuk-focus-width solid $govuk-focus-colour;
28
28
  background-color: $govuk-focus-colour;
29
+
30
+ // Undo unwanted changes when global styles are enabled
31
+ @if ($govuk-global-styles) {
32
+ box-shadow: none;
33
+ text-decoration: underline;
34
+ }
29
35
  }
30
36
  }
31
37
  }
@@ -25,7 +25,8 @@
25
25
  max-width: $width;
26
26
 
27
27
  // On mobile, add half width gutters
28
- margin: 0 $govuk-gutter-half;
28
+ margin-right: $govuk-gutter-half;
29
+ margin-left: $govuk-gutter-half;
29
30
 
30
31
  // Respect 'display cutout' safe area (avoids notches and rounded corners)
31
32
  @supports (margin: unquote("max(calc(0px))")) {
@@ -40,7 +41,8 @@
40
41
 
41
42
  // On tablet, add full width gutters
42
43
  @include govuk-media-query($from: tablet) {
43
- margin: 0 $govuk-gutter;
44
+ margin-right: $govuk-gutter;
45
+ margin-left: $govuk-gutter;
44
46
 
45
47
  // Respect 'display cutout' safe area (avoids notches and rounded corners)
46
48
  @supports (margin: unquote("max(calc(0px))")) {
@@ -57,12 +59,14 @@
57
59
  // As soon as the viewport is greater than the width of the page plus the
58
60
  // gutters, just centre the content instead of adding gutters.
59
61
  @include govuk-media-query($and: "(min-width: #{($width + $govuk-gutter * 2)})") {
60
- margin: 0 auto;
62
+ margin-right: auto;
63
+ margin-left: auto;
61
64
 
62
65
  // Since a safe area may have previously been set above,
63
66
  // we need to duplicate this margin that centers the page.
64
67
  @supports (margin: unquote("max(calc(0px))")) {
65
- margin: 0 auto;
68
+ margin-right: auto;
69
+ margin-left: auto;
66
70
  }
67
71
  }
68
72
 
@@ -70,7 +74,8 @@
70
74
  width: $width;
71
75
  // Since media queries are not supported in IE8,
72
76
  // we need to duplicate this margin that centers the page.
73
- margin: 0 auto;
77
+ margin-right: auto;
78
+ margin-left: auto;
74
79
  }
75
80
  }
76
81
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dxw_govuk_frontend_rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.4.0
4
+ version: 3.5.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - mec
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: exe
11
11
  cert_chain: []
12
- date: 2019-11-29 00:00:00.000000000 Z
12
+ date: 2020-06-26 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: bundler
@@ -31,14 +31,14 @@ dependencies:
31
31
  requirements:
32
32
  - - "~>"
33
33
  - !ruby/object:Gem::Version
34
- version: '10.0'
34
+ version: '13.0'
35
35
  type: :development
36
36
  prerelease: false
37
37
  version_requirements: !ruby/object:Gem::Requirement
38
38
  requirements:
39
39
  - - "~>"
40
40
  - !ruby/object:Gem::Version
41
- version: '10.0'
41
+ version: '13.0'
42
42
  description: Adds the GOVUK frontend to a Rails application that uses the Asset Pipeline.
43
43
  email:
44
44
  executables: []
@@ -185,7 +185,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
185
185
  - !ruby/object:Gem::Version
186
186
  version: '0'
187
187
  requirements: []
188
- rubygems_version: 3.0.3
188
+ rubygems_version: 3.1.2
189
189
  signing_key:
190
190
  specification_version: 4
191
191
  summary: Adds the GOVUK frontend to a Rails application that uses the Asset Pipeline.