@ons/design-system 73.8.0 → 73.9.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.
- package/README.md +3 -1
- package/components/header/_header.scss +1 -3
- package/components/header/_macro.njk +1 -1
- package/components/table/_macro.njk +1 -1
- package/components/table/_macro.spec.js +3 -14
- package/components/table/example-table-basic-no-caption.njk +46 -0
- package/components/table/example-table-basic-visually-hidden-caption.njk +47 -0
- package/components/table/table.spec.js +2 -0
- package/components/table-of-contents/_macro.njk +6 -4
- package/components/table-of-contents/_macro.spec.js +43 -3
- package/components/table-of-contents/example-table-of-contents-ordered.njk +64 -0
- package/components/table-of-contents/example-table-of-contents-sticky-full-page-ordered.njk +156 -0
- package/css/main.css +1 -1
- package/favicons/android-chrome-192x192.png +0 -0
- package/favicons/android-chrome-512x512.png +0 -0
- package/favicons/apple-touch-icon.png +0 -0
- package/favicons/favicon-16x16.png +0 -0
- package/favicons/favicon-32x32.png +0 -0
- package/favicons/favicon.ico +0 -0
- package/favicons/maskable_icon.png +0 -0
- package/favicons/opengraph.png +0 -0
- package/favicons/x.png +0 -0
- package/img/large/alison-pritchard-featured.jpg +0 -0
- package/img/large/alison-pritchard.jpg +0 -0
- package/img/large/census-monuments-lights-featured.jpg +0 -0
- package/img/large/census-monuments-lights.jpg +0 -0
- package/img/large/mother-and-daughter-in-ireland.jpg +0 -0
- package/img/large/mum-and-child-healthcare-belfast.jpg +0 -0
- package/img/large/ons-award-winners.jpg +0 -0
- package/img/large/placeholder-card.png +0 -0
- package/img/large/placeholder-news-medium.png +0 -0
- package/img/large/placeholder-news.png +0 -0
- package/img/large/placeholder-portrait.png +0 -0
- package/img/large/students.jpg +0 -0
- package/img/large/woman-in-purple-dress-shirt.jpg +0 -0
- package/img/small/alison-pritchard-featured.jpg +0 -0
- package/img/small/alison-pritchard.jpg +0 -0
- package/img/small/area-chart-screenshot.png +0 -0
- package/img/small/census-monuments-lights-featured.jpg +0 -0
- package/img/small/census-monuments-lights.jpg +0 -0
- package/img/small/line-chart-screenshot.png +0 -0
- package/img/small/mother-and-daughter-in-ireland.jpg +0 -0
- package/img/small/mum-and-child-healthcare-belfast.jpg +0 -0
- package/img/small/ons-award-winners.jpg +0 -0
- package/img/small/placeholder-card.png +0 -0
- package/img/small/placeholder-news-medium.png +0 -0
- package/img/small/placeholder-news.png +0 -0
- package/img/small/placeholder-portrait.png +0 -0
- package/img/small/students.jpg +0 -0
- package/img/small/woman-in-purple-dress-shirt.jpg +0 -0
- package/layout/_template.njk +8 -1
- package/package.json +22 -17
- package/scripts/main.es5.js +3 -3
- package/scripts/main.js +2 -2
- package/scss/base/_global.scss +8 -0
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/favicons/favicon.ico
CHANGED
|
Binary file
|
|
Binary file
|
package/favicons/opengraph.png
CHANGED
|
Binary file
|
package/favicons/x.png
CHANGED
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/img/large/students.jpg
CHANGED
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/img/small/students.jpg
CHANGED
|
Binary file
|
|
Binary file
|
package/layout/_template.njk
CHANGED
|
@@ -66,6 +66,12 @@
|
|
|
66
66
|
<title>{{ pageTitle }}</title>
|
|
67
67
|
<link rel="stylesheet" href="{{ assetsUrl }}/css/main.css" />
|
|
68
68
|
<link rel="stylesheet" media="print" href="{{ assetsUrl }}/css/print.css" />
|
|
69
|
+
|
|
70
|
+
<link rel="preload" href="{{ assetsUrl }}/fonts/opensans-regular.woff2" as="font" type="font/woff2" crossorigin>
|
|
71
|
+
<link rel="preload" href="{{ assetsUrl }}/fonts/opensans-regular.woff" as="font" type="font/woff2" crossorigin>
|
|
72
|
+
<link rel="preload" href="{{ assetsUrl }}/fonts/opensans-bold.woff2" as="font" type="font/woff2" crossorigin>
|
|
73
|
+
<link rel="preload" href="{{ assetsUrl }}/fonts/opensans-bold.woff" as="font" type="font/woff2" crossorigin>
|
|
74
|
+
|
|
69
75
|
<meta name="theme-color" content="{{ themeColor }}" />
|
|
70
76
|
{% block meta %}
|
|
71
77
|
{% if pageConfig.meta %}
|
|
@@ -183,7 +189,8 @@
|
|
|
183
189
|
"titleLogo": pageConfig.header.titleLogo,
|
|
184
190
|
"mastheadLogoAltText": pageConfig.header.mastheadLogoAltText,
|
|
185
191
|
"menuLinks": pageConfig.header.menuLinks,
|
|
186
|
-
"searchLinks": pageConfig.header.searchLinks
|
|
192
|
+
"searchLinks": pageConfig.header.searchLinks,
|
|
193
|
+
"search": pageConfig.header.search
|
|
187
194
|
})
|
|
188
195
|
}}
|
|
189
196
|
{% endblock %}
|
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": "73.
|
|
4
|
+
"version": "73.9.0",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"author": {
|
|
@@ -18,8 +18,9 @@
|
|
|
18
18
|
"test-lighthouse": "yarn build && node ./lighthouse/lighthouse-get-urls.js && lhci autorun --config=./lighthouse/lighthouserc.js",
|
|
19
19
|
"build": "yarn && yarn tidy-clean && NODE_ENV=production gulp build",
|
|
20
20
|
"build-serve": "yarn build && gulp start-dev-server",
|
|
21
|
-
"
|
|
22
|
-
"
|
|
21
|
+
"verify-assets": "node ci/verify-binary-assets.mjs",
|
|
22
|
+
"npm-bundle": "NODE_ENV=production yarn tidy-clean && NODE_ENV=production gulp build-package && yarn verify-assets && babel-node ci/generate-npm-package.js",
|
|
23
|
+
"cdn-bundle": "NODE_ENV=production yarn tidy-clean && NODE_ENV=production gulp build-package && yarn verify-assets && babel-node ci/prepare-templates-for-zip.js",
|
|
23
24
|
"test-visual": "yarn build && gulp run-backstop-tests",
|
|
24
25
|
"test-visual:reference": "yarn build && gulp run-backstop-reference",
|
|
25
26
|
"test-visual:approve": "gulp run-backstop-approve",
|
|
@@ -54,10 +55,10 @@
|
|
|
54
55
|
"not dead"
|
|
55
56
|
],
|
|
56
57
|
"devDependencies": {
|
|
57
|
-
"@babel/core": "7.29.
|
|
58
|
-
"@babel/eslint-parser": "7.
|
|
58
|
+
"@babel/core": "7.29.7",
|
|
59
|
+
"@babel/eslint-parser": "7.29.7",
|
|
59
60
|
"@babel/node": "7.29.0",
|
|
60
|
-
"@babel/plugin-
|
|
61
|
+
"@babel/plugin-transform-class-properties": "7.29.7",
|
|
61
62
|
"@babel/plugin-syntax-dynamic-import": "7.8.3",
|
|
62
63
|
"@babel/plugin-transform-modules-commonjs": "7.28.6",
|
|
63
64
|
"@babel/plugin-transform-runtime": "7.29.0",
|
|
@@ -79,17 +80,17 @@
|
|
|
79
80
|
"core-js": "3.33.0",
|
|
80
81
|
"cors": "2.8.5",
|
|
81
82
|
"dialog-polyfill": "0.5.6",
|
|
82
|
-
"dompurify": "3.
|
|
83
|
+
"dompurify": "3.4.11",
|
|
83
84
|
"eslint": "9.39.0",
|
|
84
85
|
"eslint-cli": "1.1.1",
|
|
85
86
|
"eslint-config-prettier": "9.0.0",
|
|
86
87
|
"eslint-plugin-prettier": "5.0.1",
|
|
87
|
-
"eslint-plugin-unused-imports": "4.
|
|
88
|
-
"express": "5.1
|
|
88
|
+
"eslint-plugin-unused-imports": "4.4.1",
|
|
89
|
+
"express": "5.2.1",
|
|
89
90
|
"front-matter": "4.0.2",
|
|
90
91
|
"fs-extra": "11.1.1",
|
|
91
92
|
"fuse.js": "7.0.0",
|
|
92
|
-
"glob": "
|
|
93
|
+
"glob": "13.0.6",
|
|
93
94
|
"globals": "17.0.0",
|
|
94
95
|
"gulp": "5.0.1",
|
|
95
96
|
"gulp-babel": "8.0.0",
|
|
@@ -101,20 +102,20 @@
|
|
|
101
102
|
"gulp-terser": "2.1.0",
|
|
102
103
|
"http-server": "14.1.1",
|
|
103
104
|
"husky": "9.1.6",
|
|
104
|
-
"jest": "30.2
|
|
105
|
+
"jest": "30.4.2",
|
|
105
106
|
"jest-axe": "8.0.0",
|
|
106
|
-
"jest-environment-jsdom": "
|
|
107
|
+
"jest-environment-jsdom": "30.4.1",
|
|
107
108
|
"jest-puppeteer": "11.0.0",
|
|
108
109
|
"jsdom": "26.1.0",
|
|
109
110
|
"lighthouse": "12.8.2",
|
|
110
111
|
"lint-staged": "15.2.0",
|
|
111
|
-
"lodash": "4.
|
|
112
|
+
"lodash": "4.18.1",
|
|
112
113
|
"mdn-polyfills": "5.20.0",
|
|
113
114
|
"normalize.css": "8.0.1",
|
|
114
115
|
"nunjucks": "3.2.4",
|
|
115
116
|
"pinst": "3.0.0",
|
|
116
|
-
"postcss": "8.
|
|
117
|
-
"postcss-url": "10.1.
|
|
117
|
+
"postcss": "8.5.15",
|
|
118
|
+
"postcss-url": "10.1.4",
|
|
118
119
|
"prepend-file": "2.0.1",
|
|
119
120
|
"prettier": "3.3.0",
|
|
120
121
|
"prettier-plugin-jinja-template": "1.4.0",
|
|
@@ -144,7 +145,11 @@
|
|
|
144
145
|
"pym.js": "1.3.2"
|
|
145
146
|
},
|
|
146
147
|
"resolutions": {
|
|
147
|
-
"
|
|
148
|
-
"
|
|
148
|
+
"lodash": "4.18.1",
|
|
149
|
+
"jest-environment-node": "30.4.1",
|
|
150
|
+
"micromatch": "4.0.8",
|
|
151
|
+
"yaml": "2.9.0",
|
|
152
|
+
"uuid": "11.1.1",
|
|
153
|
+
"postcss": "8.5.15"
|
|
149
154
|
}
|
|
150
155
|
}
|