govuk_publishing_components 21.4.0 → 21.4.1

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: 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