@ons/design-system 58.0.2 → 59.1.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.
Binary file
Binary file
Binary file
Binary file
@@ -18,11 +18,11 @@
18
18
  {% set metaicons = "" %}
19
19
  {% endif %}
20
20
 
21
- {% if pageConfig.cdn or release_version %}
21
+ {% if pageConfig.cdn or release_version or designSystemVersion %}
22
22
  {# Production #}
23
23
  {% set cdn_url = (pageConfig.cdn.url if pageConfig.cdn and pageConfig.cdn.url) or "https://cdn.ons.gov.uk/sdc/design-system" %}
24
24
  {% set slash = "" if cdn_url | last == "/" else "/" %}
25
- {% set assetsURL = cdn_url + slash + ((pageConfig.cdn.version if pageConfig.cdn and pageConfig.cdn.version) or release_version) %}
25
+ {% set assetsURL = cdn_url + slash + ((pageConfig.cdn.version if pageConfig.cdn and pageConfig.cdn.version) or release_version or designSystemVersion) %}
26
26
  {% elif pageInfo and pageInfo.version %}
27
27
  {# Prototype kits #}
28
28
  {% set assetsURL = "/" + pageInfo.version %}
@@ -38,6 +38,8 @@
38
38
  {% set page_title = pageConfig.title %}
39
39
  {% elif pageInfo and pageInfo.title %}
40
40
  {% set page_title = pageInfo.title %}
41
+ {% elif page and page.title %}
42
+ {% set page_title = page.title %}
41
43
  {% else %}
42
44
  {% set page_title = "ONS Design System" %}
43
45
  {% endif %}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ons/design-system",
3
3
  "description": "ONS Design System built CSS, JS, and Nunjucks templates",
4
- "version": "58.0.2",
4
+ "version": "59.1.0",
5
5
  "main": "index.js",
6
6
  "license": "MIT",
7
7
  "author": {
@@ -8,6 +8,7 @@ html {
8
8
  body {
9
9
  color: var(--ons-color-text);
10
10
  font-family: $font-sans;
11
+ font-feature-settings: 'ss01';
11
12
  }
12
13
 
13
14
  p {
@@ -1,4 +1,5 @@
1
1
  @import 'vars/grid';
2
+ @import 'vars/typography';
2
3
  @import 'vars/vars';
3
4
  @import 'helpers/index';
4
5
  @import '../views/partials/example/example';
@@ -152,7 +153,7 @@
152
153
  color: var(--ons-color-text-inverse);
153
154
  display: inline-block;
154
155
  font-size: 0.7rem;
155
- font-weight: 700;
156
+ font-weight: $font-weight-bold;
156
157
  letter-spacing: 0.1rem;
157
158
  margin-right: 0.5rem;
158
159
  outline: 2px solid transparent; // Add transparent outline because Windows High Contrast Mode doesn't show background
@@ -46,7 +46,7 @@ h4 {
46
46
  }
47
47
 
48
48
  .ons-u-fw-b {
49
- font-weight: 700;
49
+ font-weight: $font-weight-bold;
50
50
  }
51
51
 
52
52
  .ons-u-fw-n {
@@ -66,6 +66,7 @@
66
66
  --ons-color-banner-bg-dark: var(--ons-color-grey-15);
67
67
  --ons-color-page-light: var(--ons-color-white);
68
68
  --ons-color-banner-browser-bg: var(--ons-color-black);
69
+ --ons-color-hero-bg: var(--ons-color-branded-tint);
69
70
 
70
71
  // Typography
71
72
  --ons-color-text: var(--ons-color-black);
@@ -6,7 +6,7 @@ $base-font-size: 1rem;
6
6
  $base-line-height: 1.5;
7
7
 
8
8
  $font-weight-regular: 400;
9
- $font-weight-bold: 600;
9
+ $font-weight-bold: 700;
10
10
  $base: 18px;
11
11
 
12
12
  $type-matrix: (