@ons/design-system 74.0.0-next.4 → 74.0.0-next.6
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 +2 -0
- package/components/header/_header.scss +1 -3
- package/components/header/_macro.njk +1 -1
- package/components/hero/_macro.njk +3 -2
- package/components/hero/_macro.spec.js +36 -0
- package/components/hero/example-hero-dark-wide.njk +17 -0
- package/components/hero/example-hero-default-full-width.njk +16 -0
- 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 +12 -6
- 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/woff" 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/woff" crossorigin>
|
|
74
|
+
|
|
69
75
|
<meta name="theme-color" content="{{ themeColor }}" />
|
|
70
76
|
{% block meta %}
|
|
71
77
|
{% if pageConfig.meta %}
|
|
@@ -126,8 +132,7 @@
|
|
|
126
132
|
<link rel="manifest" href="{{ assetsUrl }}/favicons/manifest.json" />
|
|
127
133
|
{% endblock %}
|
|
128
134
|
|
|
129
|
-
{% block head %}
|
|
130
|
-
{% endblock %}
|
|
135
|
+
{% block head %}{% endblock %}
|
|
131
136
|
</head>
|
|
132
137
|
<body {% if pageConfig.bodyClasses %}class="{{ pageConfig.bodyClasses }}"{% endif %}>
|
|
133
138
|
<!-- prettier-ignore-start -->
|
|
@@ -185,10 +190,12 @@
|
|
|
185
190
|
"mastheadLogoAltText": pageConfig.header.mastheadLogoAltText,
|
|
186
191
|
"menuLinks": pageConfig.header.menuLinks,
|
|
187
192
|
"searchLinks": pageConfig.header.searchLinks,
|
|
193
|
+
"search": pageConfig.header.search,
|
|
188
194
|
"useDivForRootElement": true
|
|
189
195
|
})
|
|
190
196
|
}}
|
|
191
197
|
|
|
198
|
+
{% block preBreadcrumbs %}{% endblock %}
|
|
192
199
|
{% block breadcrumbs %}
|
|
193
200
|
{% if pageConfig.breadcrumbs %}
|
|
194
201
|
{% from "components/breadcrumbs/_macro.njk" import onsBreadcrumbs %}
|
|
@@ -206,12 +213,11 @@
|
|
|
206
213
|
{% endblock %}
|
|
207
214
|
</header>
|
|
208
215
|
{% endblock %}
|
|
209
|
-
{% block preMain %}
|
|
210
|
-
{% endblock %}
|
|
216
|
+
{% block preMain %}{% endblock %}
|
|
211
217
|
{% block pageContent %}
|
|
212
218
|
<main id="main-content">
|
|
213
|
-
{% block hero %}
|
|
214
|
-
{% endblock %}
|
|
219
|
+
{% block hero %}{% endblock %}
|
|
220
|
+
{% block postHero %}{% endblock %}
|
|
215
221
|
<div class="ons-page__container ons-container{{ containerClasses }}">
|
|
216
222
|
<div class="ons-grid">
|
|
217
223
|
<div class="ons-grid__col ons-col-{{ pageColNumber }}@m{{ pageColClasses }}">
|
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": "74.0.0-next.
|
|
4
|
+
"version": "74.0.0-next.6",
|
|
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-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
|
}
|