govuk_publishing_components 21.4.0 → 21.4.1

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 076d12dde5ae718e4121452456f278ab864c4b58b95e2e1bc38be2ce9baf24f0
4
- data.tar.gz: 876634e138bef21c35e7a1766f3e65f9bfb04b6636e3bff57a9515d8731cbfa5
3
+ metadata.gz: 1703e7002bab51d2e1f5fafc2a457ef75de4c33daf18a9b8084daf30f6bd17c0
4
+ data.tar.gz: fd2420507ba6ae0fef0df3173c1419fc2acd1942ddaad5d716581d02c7dec6c9
5
5
  SHA512:
6
- metadata.gz: e82a6343d77e6abd5cd893a51311dc4af3a6581f1dd735e546eb58ddf5f66c412f4969ae9129937c303b02f123de16722b6d524320379d48bdf0778b79b63808
7
- data.tar.gz: 959208582bc3452e230d01a66541d04c98ef267abaa2c5d7a284ca7c4118c2f607abea49e2bc821acbd9f5c651d2534d9d6f9d1a4c6ac503729869688be1f200
6
+ metadata.gz: bd5c994fe7b68806fdd21ac9fc59d50d05382aaec5c84c5b578c438bb61ca6ef52a86b2b6cb73d24bb1035e167c95c1cf9d59fe2b978ae93535822101c15ad34
7
+ data.tar.gz: 4f6aef5635a1e886ca823487fd86540abc2ca7d36fdb53f4b6a103b8049002288cbae73ee1ad6db015655e56b648748ad12a9684e41506ad2a57ae340ffa724f
@@ -0,0 +1,20 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="31.48244797 57.8415657 195.36781609 257.43678161" width="35" height="35">
2
+ <defs>
3
+ <path id="b" d="M38.48 64.84h164.37v226.44H38.48V64.84z"/>
4
+ </defs>
5
+ <filter id="a" width="246.37" height="308.44" x="9.48" y="35.84" filterUnits="userSpaceOnUse" primitiveUnits="userSpaceOnUse">
6
+ <feFlood/>
7
+ <feComposite in2="SourceAlpha" operator="in"/>
8
+ <feGaussianBlur/>
9
+ <feOffset dx="24" dy="24" result="afterOffset"/>
10
+ <feFlood flood-color="#000" flood-opacity="1"/>
11
+ <feComposite in2="afterOffset" operator="in"/>
12
+ <feMorphology operator="dilate"/>
13
+ <feComposite in2="SourceAlpha" operator="out"/>
14
+ </filter>
15
+ <path fill="#fff" d="M38.48 64.84h164.37v226.44H38.48V64.84z" filter="url(#a)"/>
16
+ <use xlink:href="#b"/>
17
+ <g>
18
+ <use fill-opacity="0" stroke="#fff" stroke-width="14" xlink:href="#b"/>
19
+ </g>
20
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510 510" width="35" height="35">
2
+ <path d="M255 0C114.75 0 0 114.75 0 255s114.75 255 255 255 255-114.75 255-255S395.25 0 255 0zm25.5 382.5h-51v-51h51v51zm0-102h-51v-153h51v153z"/>
3
+ </svg>
@@ -2,17 +2,16 @@ $info-background: #d5e8f3;
2
2
  $high-alert-border: #cc0000;
3
3
 
4
4
  .gem-c-govspeak .advisory {
5
- background: image-url("icon-information.png") no-repeat scroll 98% 1em $info-background;
5
+ background-image: image-url("govuk_publishing_components/icon-important.svg");
6
+ background-repeat: no-repeat;
7
+ background-size: 30px 30px;
8
+ background-position: 98% center;
9
+ background-color: $info-background;
6
10
  line-height: 1.3em;
7
11
  margin: 0 -1em 1em;
8
- padding: 1em;
12
+ padding: govuk-spacing(3) govuk-spacing(8) govuk-spacing(3) govuk-spacing(3);
9
13
  text-align: left;
10
14
 
11
- @include govuk-device-pixel-ratio {
12
- background-image: image-url("icon-information-2x.png");
13
- background-size: 27px 27px;
14
- }
15
-
16
15
  p {
17
16
  margin: 0 .75em 0 0;
18
17
  min-height: 1.75em;
@@ -25,7 +24,7 @@ $high-alert-border: #cc0000;
25
24
 
26
25
  &.high-alert {
27
26
  background-color: govuk-colour("light-grey", $legacy: "grey-3");
28
- border-color: $high-alert-border;
27
+ border: 1px solid $high-alert-border;
29
28
  }
30
29
 
31
30
  @include govuk-media-query($until: tablet) {
@@ -12,13 +12,10 @@
12
12
  a {
13
13
  display: block;
14
14
  font-weight: 600;
15
- background: image-url("icon-file-download.png") no-repeat scroll 0 0;
15
+ background-image: image-url("govuk_publishing_components/icon-file-download.svg");
16
+ background-repeat: no-repeat;
17
+ background-size: 40px 40px;
16
18
  min-height: 2.5em;
17
- padding: 0 0 0 2.5em;
18
-
19
- @include govuk-device-pixel-ratio {
20
- background-image: image-url("icon-file-download-2x.png");
21
- background-size: 25px 25px;
22
- }
19
+ padding: 0 0 0 50px;
23
20
  }
24
21
  }
@@ -8,16 +8,14 @@
8
8
  background-repeat: no-repeat;
9
9
  list-style-type: decimal;
10
10
  margin-left: 0;
11
- padding: .75em 0 .75em 2.2em;
11
+ padding: .75em 0 .75em 2.5em;
12
12
 
13
13
  @for $i from 1 through 14 {
14
14
  &:nth-child(#{$i}) {
15
- background-image: image-url("icon-steps/icon-step-#{$i}.png");
16
-
17
- @include govuk-device-pixel-ratio {
18
- background-image: image-url("icon-steps/icon-step-#{$i}-2x.png");
19
- background-size: 24px 24px;
20
- }
15
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Ccircle cx='125' cy='125' r='100' fill='black' /%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' alignment-baseline='middle' font-family='sans-serif' font-size='100px' fill='white'%3E#{$i}%3C/text%3E%3C/svg%3E");
16
+ background-repeat: no-repeat;
17
+ background-position: left 10px;
18
+ background-size: 35px 35px;
21
19
  }
22
20
  }
23
21
  }
@@ -15,14 +15,9 @@
15
15
  margin: 2em 0;
16
16
 
17
17
  // Add '!' icon
18
- background-image: image-url("icon-important.png");
18
+ background-image: image-url("govuk_publishing_components/icon-important.svg");
19
19
  background-size: $icon-size $icon-size;
20
20
  background-repeat: no-repeat;
21
-
22
- @include govuk-device-pixel-ratio {
23
- background-image: image-url("icon-important-2x.png");
24
- }
25
-
26
21
  min-height: $icon-size;
27
22
  padding-left: $icon-size;
28
23
 
@@ -20,6 +20,8 @@ Rails.application.config.assets.precompile += %w(
20
20
  govuk_publishing_components/govuk-schema-placeholder-4x3.png
21
21
  govuk_publishing_components/govuk-schema-placeholder-16x9.png
22
22
  govuk_publishing_components/search-button.png
23
+ govuk_publishing_components/icon-file-download.svg
24
+ govuk_publishing_components/icon-important.svg
23
25
  govuk_publishing_components/chevron-banner.svg
24
26
  govuk_publishing_components/chevron-banner-focus.svg
25
27
  govuk_publishing_components/chevron-banner-hover-border.svg
@@ -18,9 +18,8 @@ module GovukPublishingComponents
18
18
  end
19
19
  end
20
20
 
21
- # id should be lowercase, contain only numbers and letters and replace spaces with dashes
22
21
  def generate_step_nav_id(step_title)
23
- step_title.downcase.tr(" ", "-").gsub(/[^a-z0-9\-\s]/i, '')
22
+ step_title.parameterize
24
23
  end
25
24
 
26
25
  private
@@ -1,3 +1,3 @@
1
1
  module GovukPublishingComponents
2
- VERSION = '21.4.0'.freeze
2
+ VERSION = '21.4.1'.freeze
3
3
  end
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: 21.4.0
4
+ version: 21.4.1
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: 2019-10-03 00:00:00.000000000 Z
11
+ date: 2019-10-04 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: gds-api-adapters
@@ -379,6 +379,8 @@ files:
379
379
  - app/assets/images/govuk_publishing_components/govuk-schema-placeholder-16x9.png
380
380
  - app/assets/images/govuk_publishing_components/govuk-schema-placeholder-1x1.png
381
381
  - app/assets/images/govuk_publishing_components/govuk-schema-placeholder-4x3.png
382
+ - app/assets/images/govuk_publishing_components/icon-file-download.svg
383
+ - app/assets/images/govuk_publishing_components/icon-important.svg
382
384
  - app/assets/images/govuk_publishing_components/search-button.png
383
385
  - app/assets/javascripts/component_guide/accessibility-test.js
384
386
  - app/assets/javascripts/component_guide/application.js