@ons/design-system 74.0.0-next.7 → 74.0.0-widen.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 +2 -2
- package/components/access-code/example-access-code-error.njk +1 -1
- package/components/access-code/example-access-code.njk +1 -1
- package/components/address-input/_macro.njk +6 -6
- package/components/address-input/_macro.spec.js +0 -3
- package/components/address-input/autosuggest.address.spec.js +23 -0
- package/components/address-output/_macro.njk +1 -1
- package/components/announcement-banner/_announcement-banner.scss +5 -0
- package/components/autosuggest/_autosuggest.scss +8 -0
- package/components/autosuggest/autosuggest.spec.js +1 -0
- package/components/autosuggest/autosuggest.ui.js +11 -5
- package/components/back-to-top/_back-to-top.scss +7 -0
- package/components/back-to-top/_macro.njk +1 -1
- package/components/back-to-top/back-to-top.js +9 -1
- package/components/back-to-top/back-to-top.spec.js +46 -0
- package/components/breadcrumbs/example-breadcrumbs-wide.njk +52 -0
- package/components/card/example-card-set-with-headline-figures.njk +1 -1
- package/components/char-check-limit/_macro.njk +16 -14
- package/components/chart/_macro.njk +3 -0
- package/components/chart/_macro.spec.js +49 -0
- package/components/chart/bar-chart.js +18 -12
- package/components/chart/chart.js +4 -1
- package/components/chart/common-chart-options.js +1 -0
- package/components/chart/example-stacked-column-with-line-chart.njk +64 -0
- package/components/details/_details.scss +9 -0
- package/components/details/example-details-with-warning.njk +1 -1
- package/components/details-panel/_macro.njk +1 -1
- package/components/download-resources/download-resources.spec.js +1 -4
- package/components/featured-article/_macro.njk +4 -4
- package/components/featured-article/macro.spec.js +2 -2
- package/components/feedback/_macro.njk +4 -1
- package/components/feedback/_macro.spec.js +1 -1
- package/components/figure/_figure.scss +1 -0
- package/components/figure/_macro.njk +3 -3
- package/components/footer/_macro.njk +5 -2
- package/components/header/_macro.njk +1 -1
- package/components/header/_macro.spec.js +21 -0
- package/components/hero/_hero.scss +4 -0
- package/components/input/_input.scss +4 -0
- package/components/input/_macro.njk +4 -1
- package/components/label/_label.scss +3 -0
- package/components/list/_list.scss +5 -0
- package/components/message/_message.scss +3 -3
- package/components/message-list/_message-list.scss +2 -0
- package/components/panel/_macro.njk +1 -1
- package/components/panel/_panel.scss +8 -0
- package/components/panel/example-panel-bare.njk +1 -1
- package/components/phase-banner/_phase-banner.scss +1 -0
- package/components/quote/_macro.njk +1 -1
- package/components/skip-to-content/_macro.njk +1 -1
- package/components/skip-to-content/_skip.scss +8 -0
- package/components/tabs/tabs.spec.js +1 -4
- package/css/main.css +1 -1
- package/layout/_template.njk +1 -0
- package/package.json +55 -53
- package/scripts/chart.es5.js +1 -1
- package/scripts/chart.js +1 -1
- package/scripts/main.es5.js +3 -3
- package/scripts/main.js +3 -3
- package/scss/base/_typography.scss +9 -0
- package/scss/helpers/_mixins.scss +8 -0
- package/scss/objects/_container.scss +15 -3
- package/scss/utilities/_grid.scss +10 -25
- package/scss/utilities/_utilities.scss +10 -0
- package/scss/vars/_forms.scss +2 -1
- package/scss/vars/_grid.scss +20 -3
- package/scss/vars/_index.scss +1 -0
- package/scss/vars/_utilities.scss +2 -0
package/layout/_template.njk
CHANGED
|
@@ -223,6 +223,7 @@
|
|
|
223
223
|
<div class="ons-grid__col ons-col-{{ pageColNumber }}@m{{ pageColClasses }}">
|
|
224
224
|
<div class="ons-page__main{{ mainColClasses }}">
|
|
225
225
|
{% block mainContent %}{% endblock %}
|
|
226
|
+
{% block postMainContent %}{% endblock %}
|
|
226
227
|
</div>
|
|
227
228
|
</div>
|
|
228
229
|
</div>
|
package/package.json
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
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-
|
|
4
|
+
"version": "74.0.0-widen.0",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"author": {
|
|
8
8
|
"name": "ONS Digital"
|
|
9
9
|
},
|
|
10
|
+
"repository": {
|
|
11
|
+
"type": "git",
|
|
12
|
+
"url": "https://github.com/ONSdigital/design-system"
|
|
13
|
+
},
|
|
10
14
|
"scripts": {
|
|
11
15
|
"start": "gulp start",
|
|
12
16
|
"watch": "gulp watch",
|
|
@@ -27,27 +31,26 @@
|
|
|
27
31
|
"tidy-clean": "rm -rf build css favicons fonts img components layout scripts coverage scss js",
|
|
28
32
|
"check-unused": "npx npm-check-unused",
|
|
29
33
|
"dedupe-deps": "npx yarn-deduplicate yarn.lock",
|
|
30
|
-
"lint
|
|
31
|
-
"
|
|
32
|
-
"stylelint-fix": "stylelint '**/*.scss' --fix",
|
|
34
|
+
"lint": "prettier --check . && eslint '**/*.{js,mjs}' && stylelint '**/*.scss' && remark . --ext md --ignore-path .remarkignore --frail",
|
|
35
|
+
"lint:fix": "prettier --write . && eslint --fix '**/*.{js,mjs}' && stylelint '**/*.scss' --fix && remark . --ext md --ignore-path .remarkignore --output",
|
|
33
36
|
"prepack": "pinst --disable",
|
|
34
37
|
"postpack": "pinst --enable"
|
|
35
38
|
},
|
|
36
39
|
"lint-staged": {
|
|
37
40
|
"*.{js,mjs}": [
|
|
38
|
-
"prettier --
|
|
39
|
-
"eslint
|
|
41
|
+
"prettier --check",
|
|
42
|
+
"eslint"
|
|
40
43
|
],
|
|
41
44
|
"*.md": [
|
|
42
|
-
"prettier --
|
|
43
|
-
"remark"
|
|
45
|
+
"prettier --check",
|
|
46
|
+
"remark --ext md --ignore-path .remarkignore --frail"
|
|
44
47
|
],
|
|
45
48
|
"*.scss": [
|
|
46
|
-
"prettier --
|
|
47
|
-
"stylelint
|
|
49
|
+
"prettier --check",
|
|
50
|
+
"stylelint"
|
|
48
51
|
],
|
|
49
52
|
"*.{yml,yaml,njk,html}": [
|
|
50
|
-
"prettier --
|
|
53
|
+
"prettier --check"
|
|
51
54
|
]
|
|
52
55
|
},
|
|
53
56
|
"browserslist": [
|
|
@@ -58,84 +61,84 @@
|
|
|
58
61
|
"@babel/core": "7.29.7",
|
|
59
62
|
"@babel/eslint-parser": "7.29.7",
|
|
60
63
|
"@babel/node": "7.29.0",
|
|
61
|
-
"@babel/plugin-transform-class-properties": "7.29.7",
|
|
62
64
|
"@babel/plugin-syntax-dynamic-import": "7.8.3",
|
|
65
|
+
"@babel/plugin-transform-class-properties": "7.29.7",
|
|
63
66
|
"@babel/plugin-transform-modules-commonjs": "7.28.6",
|
|
64
67
|
"@babel/plugin-transform-runtime": "7.29.0",
|
|
65
68
|
"@babel/preset-env": "7.29.3",
|
|
66
69
|
"@babel/register": "7.29.3",
|
|
67
70
|
"@babel/runtime": "7.29.2",
|
|
68
|
-
"@eslint/eslintrc": "3.3.
|
|
69
|
-
"@eslint/js": "
|
|
70
|
-
"@stylistic/stylelint-plugin": "5.
|
|
71
|
+
"@eslint/eslintrc": "3.3.7",
|
|
72
|
+
"@eslint/js": "10.0.1",
|
|
73
|
+
"@stylistic/stylelint-plugin": "5.3.0",
|
|
71
74
|
"abortcontroller-polyfill": "1.7.8",
|
|
72
|
-
"autoprefixer": "10.
|
|
73
|
-
"babel-plugin-istanbul": "
|
|
75
|
+
"autoprefixer": "10.6.1",
|
|
76
|
+
"babel-plugin-istanbul": "8.0.0",
|
|
74
77
|
"babelify": "10.0.0",
|
|
75
78
|
"backstopjs": "6.3.25",
|
|
76
79
|
"browser-sync": "3.0.4",
|
|
77
80
|
"browserify": "17.0.1",
|
|
78
81
|
"chalk": "4.1.2",
|
|
79
|
-
"cheerio": "1.
|
|
80
|
-
"core-js": "3.
|
|
81
|
-
"cors": "2.8.
|
|
82
|
+
"cheerio": "1.2.0",
|
|
83
|
+
"core-js": "3.50.0",
|
|
84
|
+
"cors": "2.8.6",
|
|
82
85
|
"dialog-polyfill": "0.5.6",
|
|
83
|
-
"dompurify": "3.4.
|
|
84
|
-
"eslint": "9.39.
|
|
86
|
+
"dompurify": "3.4.15",
|
|
87
|
+
"eslint": "9.39.2",
|
|
85
88
|
"eslint-cli": "1.1.1",
|
|
86
|
-
"eslint-config-prettier": "
|
|
87
|
-
"eslint-plugin-prettier": "5.
|
|
89
|
+
"eslint-config-prettier": "10.1.8",
|
|
90
|
+
"eslint-plugin-prettier": "5.5.6",
|
|
88
91
|
"eslint-plugin-unused-imports": "4.4.1",
|
|
89
92
|
"express": "5.2.1",
|
|
90
93
|
"front-matter": "4.0.2",
|
|
91
|
-
"fs-extra": "11.
|
|
92
|
-
"fuse.js": "7.
|
|
94
|
+
"fs-extra": "11.4.0",
|
|
95
|
+
"fuse.js": "7.5.0",
|
|
93
96
|
"glob": "13.0.6",
|
|
94
|
-
"globals": "17.
|
|
97
|
+
"globals": "17.12.0",
|
|
95
98
|
"gulp": "5.0.1",
|
|
96
|
-
"gulp-babel": "8.
|
|
99
|
+
"gulp-babel": "8.1.0",
|
|
97
100
|
"gulp-cli": "3.1.0",
|
|
98
101
|
"gulp-dart-sass": "1.1.0",
|
|
99
102
|
"gulp-if": "3.0.0",
|
|
100
|
-
"gulp-postcss": "
|
|
103
|
+
"gulp-postcss": "10.0.0",
|
|
101
104
|
"gulp-sourcemaps": "3.0.0",
|
|
102
105
|
"gulp-terser": "2.1.0",
|
|
103
106
|
"http-server": "14.1.1",
|
|
104
|
-
"husky": "9.1.
|
|
105
|
-
"jest": "30.
|
|
106
|
-
"jest-axe": "
|
|
107
|
-
"jest-environment-jsdom": "30.
|
|
107
|
+
"husky": "9.1.7",
|
|
108
|
+
"jest": "30.5.1",
|
|
109
|
+
"jest-axe": "11.0.0",
|
|
110
|
+
"jest-environment-jsdom": "30.5.1",
|
|
108
111
|
"jest-puppeteer": "11.0.0",
|
|
109
|
-
"jsdom": "
|
|
110
|
-
"lighthouse": "
|
|
111
|
-
"lint-staged": "
|
|
112
|
+
"jsdom": "30.1.0",
|
|
113
|
+
"lighthouse": "13.4.1",
|
|
114
|
+
"lint-staged": "17.5.1",
|
|
112
115
|
"lodash": "4.18.1",
|
|
113
116
|
"mdn-polyfills": "5.20.0",
|
|
114
117
|
"normalize.css": "8.0.1",
|
|
115
118
|
"nunjucks": "3.2.4",
|
|
116
119
|
"pinst": "3.0.0",
|
|
117
|
-
"postcss": "8.5.
|
|
120
|
+
"postcss": "8.5.28",
|
|
118
121
|
"postcss-url": "10.1.4",
|
|
119
122
|
"prepend-file": "2.0.1",
|
|
120
|
-
"prettier": "3.
|
|
121
|
-
"prettier-plugin-jinja-template": "
|
|
122
|
-
"puppeteer": "
|
|
123
|
-
"remark-cli": "12.0.
|
|
124
|
-
"remark-lint": "
|
|
125
|
-
"remark-preset-lint-recommended": "
|
|
126
|
-
"stylelint": "17.
|
|
123
|
+
"prettier": "3.9.7",
|
|
124
|
+
"prettier-plugin-jinja-template": "2.2.0",
|
|
125
|
+
"puppeteer": "25.11.0",
|
|
126
|
+
"remark-cli": "12.0.1",
|
|
127
|
+
"remark-lint": "10.0.1",
|
|
128
|
+
"remark-preset-lint-recommended": "7.0.1",
|
|
129
|
+
"stylelint": "17.15.0",
|
|
127
130
|
"stylelint-config-recommended-scss": "17.0.1",
|
|
128
131
|
"stylelint-config-sass-guidelines": "13.0.0",
|
|
129
132
|
"stylelint-config-standard": "40.0.0",
|
|
130
133
|
"stylelint-order": "8.1.1",
|
|
131
|
-
"stylelint-scss": "7.
|
|
132
|
-
"through2": "
|
|
134
|
+
"stylelint-scss": "7.3.0",
|
|
135
|
+
"through2": "5.0.11",
|
|
133
136
|
"tick-manager": "1.0.3",
|
|
134
|
-
"util": "0.12.
|
|
137
|
+
"util": "0.12.5",
|
|
135
138
|
"viewport-details": "3.0.4",
|
|
136
139
|
"vinyl-buffer": "1.0.1",
|
|
137
140
|
"vinyl-source-stream": "2.0.0",
|
|
138
|
-
"whatwg-fetch": "3.6.
|
|
141
|
+
"whatwg-fetch": "3.6.20"
|
|
139
142
|
},
|
|
140
143
|
"publishConfig": {
|
|
141
144
|
"access": "public"
|
|
@@ -145,11 +148,10 @@
|
|
|
145
148
|
"pym.js": "1.3.2"
|
|
146
149
|
},
|
|
147
150
|
"resolutions": {
|
|
151
|
+
"backstopjs/puppeteer": "25.11.0",
|
|
152
|
+
"decode-uri-component": "0.5.0",
|
|
148
153
|
"lodash": "4.18.1",
|
|
149
|
-
"jest-environment-node": "30.
|
|
150
|
-
"
|
|
151
|
-
"yaml": "2.9.0",
|
|
152
|
-
"uuid": "11.1.1",
|
|
153
|
-
"postcss": "8.5.15"
|
|
154
|
+
"jest-environment-node": "30.5.1",
|
|
155
|
+
"postcss": "8.5.23"
|
|
154
156
|
}
|
|
155
157
|
}
|