@ons/design-system 73.7.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/layout/_template.njk +8 -1
- package/package.json +32 -26
- package/scripts/main.es5.js +3 -3
- package/scripts/main.js +2 -2
- package/scss/base/_global.scss +8 -0
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",
|
|
@@ -33,7 +34,7 @@
|
|
|
33
34
|
"postpack": "pinst --enable"
|
|
34
35
|
},
|
|
35
36
|
"lint-staged": {
|
|
36
|
-
"*.js": [
|
|
37
|
+
"*.{js,mjs}": [
|
|
37
38
|
"prettier --write",
|
|
38
39
|
"eslint --fix"
|
|
39
40
|
],
|
|
@@ -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",
|
|
@@ -66,6 +67,7 @@
|
|
|
66
67
|
"@babel/runtime": "7.29.2",
|
|
67
68
|
"@eslint/eslintrc": "3.3.5",
|
|
68
69
|
"@eslint/js": "9.39.2",
|
|
70
|
+
"@stylistic/stylelint-plugin": "5.1.0",
|
|
69
71
|
"abortcontroller-polyfill": "1.7.8",
|
|
70
72
|
"autoprefixer": "10.4.21",
|
|
71
73
|
"babel-plugin-istanbul": "7.0.1",
|
|
@@ -78,21 +80,21 @@
|
|
|
78
80
|
"core-js": "3.33.0",
|
|
79
81
|
"cors": "2.8.5",
|
|
80
82
|
"dialog-polyfill": "0.5.6",
|
|
81
|
-
"dompurify": "3.
|
|
83
|
+
"dompurify": "3.4.11",
|
|
82
84
|
"eslint": "9.39.0",
|
|
83
85
|
"eslint-cli": "1.1.1",
|
|
84
86
|
"eslint-config-prettier": "9.0.0",
|
|
85
87
|
"eslint-plugin-prettier": "5.0.1",
|
|
86
|
-
"eslint-plugin-unused-imports": "4.
|
|
87
|
-
"express": "5.1
|
|
88
|
+
"eslint-plugin-unused-imports": "4.4.1",
|
|
89
|
+
"express": "5.2.1",
|
|
88
90
|
"front-matter": "4.0.2",
|
|
89
91
|
"fs-extra": "11.1.1",
|
|
90
92
|
"fuse.js": "7.0.0",
|
|
91
|
-
"glob": "
|
|
93
|
+
"glob": "13.0.6",
|
|
92
94
|
"globals": "17.0.0",
|
|
93
|
-
"gulp": "
|
|
95
|
+
"gulp": "5.0.1",
|
|
94
96
|
"gulp-babel": "8.0.0",
|
|
95
|
-
"gulp-cli": "
|
|
97
|
+
"gulp-cli": "3.1.0",
|
|
96
98
|
"gulp-dart-sass": "1.1.0",
|
|
97
99
|
"gulp-if": "3.0.0",
|
|
98
100
|
"gulp-postcss": "9.0.1",
|
|
@@ -100,20 +102,20 @@
|
|
|
100
102
|
"gulp-terser": "2.1.0",
|
|
101
103
|
"http-server": "14.1.1",
|
|
102
104
|
"husky": "9.1.6",
|
|
103
|
-
"jest": "30.2
|
|
105
|
+
"jest": "30.4.2",
|
|
104
106
|
"jest-axe": "8.0.0",
|
|
105
|
-
"jest-environment-jsdom": "
|
|
107
|
+
"jest-environment-jsdom": "30.4.1",
|
|
106
108
|
"jest-puppeteer": "11.0.0",
|
|
107
109
|
"jsdom": "26.1.0",
|
|
108
110
|
"lighthouse": "12.8.2",
|
|
109
111
|
"lint-staged": "15.2.0",
|
|
110
|
-
"lodash": "4.
|
|
112
|
+
"lodash": "4.18.1",
|
|
111
113
|
"mdn-polyfills": "5.20.0",
|
|
112
114
|
"normalize.css": "8.0.1",
|
|
113
115
|
"nunjucks": "3.2.4",
|
|
114
116
|
"pinst": "3.0.0",
|
|
115
|
-
"postcss": "8.
|
|
116
|
-
"postcss-url": "10.1.
|
|
117
|
+
"postcss": "8.5.15",
|
|
118
|
+
"postcss-url": "10.1.4",
|
|
117
119
|
"prepend-file": "2.0.1",
|
|
118
120
|
"prettier": "3.3.0",
|
|
119
121
|
"prettier-plugin-jinja-template": "1.4.0",
|
|
@@ -121,12 +123,12 @@
|
|
|
121
123
|
"remark-cli": "12.0.0",
|
|
122
124
|
"remark-lint": "9.1.2",
|
|
123
125
|
"remark-preset-lint-recommended": "6.1.3",
|
|
124
|
-
"stylelint": "
|
|
125
|
-
"stylelint-config-recommended-scss": "
|
|
126
|
-
"stylelint-config-sass-guidelines": "
|
|
127
|
-
"stylelint-config-standard": "
|
|
128
|
-
"stylelint-order": "
|
|
129
|
-
"stylelint-scss": "
|
|
126
|
+
"stylelint": "17.11.0",
|
|
127
|
+
"stylelint-config-recommended-scss": "17.0.1",
|
|
128
|
+
"stylelint-config-sass-guidelines": "13.0.0",
|
|
129
|
+
"stylelint-config-standard": "40.0.0",
|
|
130
|
+
"stylelint-order": "8.1.1",
|
|
131
|
+
"stylelint-scss": "7.0.0",
|
|
130
132
|
"through2": "4.0.2",
|
|
131
133
|
"tick-manager": "1.0.3",
|
|
132
134
|
"util": "0.12.3",
|
|
@@ -143,7 +145,11 @@
|
|
|
143
145
|
"pym.js": "1.3.2"
|
|
144
146
|
},
|
|
145
147
|
"resolutions": {
|
|
146
|
-
"
|
|
147
|
-
"
|
|
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"
|
|
148
154
|
}
|
|
149
155
|
}
|