@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.
Files changed (68) hide show
  1. package/README.md +2 -2
  2. package/components/access-code/example-access-code-error.njk +1 -1
  3. package/components/access-code/example-access-code.njk +1 -1
  4. package/components/address-input/_macro.njk +6 -6
  5. package/components/address-input/_macro.spec.js +0 -3
  6. package/components/address-input/autosuggest.address.spec.js +23 -0
  7. package/components/address-output/_macro.njk +1 -1
  8. package/components/announcement-banner/_announcement-banner.scss +5 -0
  9. package/components/autosuggest/_autosuggest.scss +8 -0
  10. package/components/autosuggest/autosuggest.spec.js +1 -0
  11. package/components/autosuggest/autosuggest.ui.js +11 -5
  12. package/components/back-to-top/_back-to-top.scss +7 -0
  13. package/components/back-to-top/_macro.njk +1 -1
  14. package/components/back-to-top/back-to-top.js +9 -1
  15. package/components/back-to-top/back-to-top.spec.js +46 -0
  16. package/components/breadcrumbs/example-breadcrumbs-wide.njk +52 -0
  17. package/components/card/example-card-set-with-headline-figures.njk +1 -1
  18. package/components/char-check-limit/_macro.njk +16 -14
  19. package/components/chart/_macro.njk +3 -0
  20. package/components/chart/_macro.spec.js +49 -0
  21. package/components/chart/bar-chart.js +18 -12
  22. package/components/chart/chart.js +4 -1
  23. package/components/chart/common-chart-options.js +1 -0
  24. package/components/chart/example-stacked-column-with-line-chart.njk +64 -0
  25. package/components/details/_details.scss +9 -0
  26. package/components/details/example-details-with-warning.njk +1 -1
  27. package/components/details-panel/_macro.njk +1 -1
  28. package/components/download-resources/download-resources.spec.js +1 -4
  29. package/components/featured-article/_macro.njk +4 -4
  30. package/components/featured-article/macro.spec.js +2 -2
  31. package/components/feedback/_macro.njk +4 -1
  32. package/components/feedback/_macro.spec.js +1 -1
  33. package/components/figure/_figure.scss +1 -0
  34. package/components/figure/_macro.njk +3 -3
  35. package/components/footer/_macro.njk +5 -2
  36. package/components/header/_macro.njk +1 -1
  37. package/components/header/_macro.spec.js +21 -0
  38. package/components/hero/_hero.scss +4 -0
  39. package/components/input/_input.scss +4 -0
  40. package/components/input/_macro.njk +4 -1
  41. package/components/label/_label.scss +3 -0
  42. package/components/list/_list.scss +5 -0
  43. package/components/message/_message.scss +3 -3
  44. package/components/message-list/_message-list.scss +2 -0
  45. package/components/panel/_macro.njk +1 -1
  46. package/components/panel/_panel.scss +8 -0
  47. package/components/panel/example-panel-bare.njk +1 -1
  48. package/components/phase-banner/_phase-banner.scss +1 -0
  49. package/components/quote/_macro.njk +1 -1
  50. package/components/skip-to-content/_macro.njk +1 -1
  51. package/components/skip-to-content/_skip.scss +8 -0
  52. package/components/tabs/tabs.spec.js +1 -4
  53. package/css/main.css +1 -1
  54. package/layout/_template.njk +1 -0
  55. package/package.json +55 -53
  56. package/scripts/chart.es5.js +1 -1
  57. package/scripts/chart.js +1 -1
  58. package/scripts/main.es5.js +3 -3
  59. package/scripts/main.js +3 -3
  60. package/scss/base/_typography.scss +9 -0
  61. package/scss/helpers/_mixins.scss +8 -0
  62. package/scss/objects/_container.scss +15 -3
  63. package/scss/utilities/_grid.scss +10 -25
  64. package/scss/utilities/_utilities.scss +10 -0
  65. package/scss/vars/_forms.scss +2 -1
  66. package/scss/vars/_grid.scss +20 -3
  67. package/scss/vars/_index.scss +1 -0
  68. package/scss/vars/_utilities.scss +2 -0
@@ -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-next.7",
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-staged": "lint-staged",
31
- "stylelint": "stylelint '**/*.scss'",
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 --write",
39
- "eslint --fix"
41
+ "prettier --check",
42
+ "eslint"
40
43
  ],
41
44
  "*.md": [
42
- "prettier --write",
43
- "remark"
45
+ "prettier --check",
46
+ "remark --ext md --ignore-path .remarkignore --frail"
44
47
  ],
45
48
  "*.scss": [
46
- "prettier --write",
47
- "stylelint --fix"
49
+ "prettier --check",
50
+ "stylelint"
48
51
  ],
49
52
  "*.{yml,yaml,njk,html}": [
50
- "prettier --write"
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.5",
69
- "@eslint/js": "9.39.2",
70
- "@stylistic/stylelint-plugin": "5.1.0",
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.4.21",
73
- "babel-plugin-istanbul": "7.0.1",
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.0.0-rc.12",
80
- "core-js": "3.33.0",
81
- "cors": "2.8.5",
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.11",
84
- "eslint": "9.39.0",
86
+ "dompurify": "3.4.15",
87
+ "eslint": "9.39.2",
85
88
  "eslint-cli": "1.1.1",
86
- "eslint-config-prettier": "9.0.0",
87
- "eslint-plugin-prettier": "5.0.1",
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.1.1",
92
- "fuse.js": "7.0.0",
94
+ "fs-extra": "11.4.0",
95
+ "fuse.js": "7.5.0",
93
96
  "glob": "13.0.6",
94
- "globals": "17.0.0",
97
+ "globals": "17.12.0",
95
98
  "gulp": "5.0.1",
96
- "gulp-babel": "8.0.0",
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": "9.0.1",
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.6",
105
- "jest": "30.4.2",
106
- "jest-axe": "8.0.0",
107
- "jest-environment-jsdom": "30.4.1",
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": "26.1.0",
110
- "lighthouse": "12.8.2",
111
- "lint-staged": "15.2.0",
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.15",
120
+ "postcss": "8.5.28",
118
121
  "postcss-url": "10.1.4",
119
122
  "prepend-file": "2.0.1",
120
- "prettier": "3.3.0",
121
- "prettier-plugin-jinja-template": "1.4.0",
122
- "puppeteer": "24.16.0",
123
- "remark-cli": "12.0.0",
124
- "remark-lint": "9.1.2",
125
- "remark-preset-lint-recommended": "6.1.3",
126
- "stylelint": "17.11.0",
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.0.0",
132
- "through2": "4.0.2",
134
+ "stylelint-scss": "7.3.0",
135
+ "through2": "5.0.11",
133
136
  "tick-manager": "1.0.3",
134
- "util": "0.12.3",
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.19"
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.4.1",
150
- "micromatch": "4.0.8",
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
  }