@ons/design-system 65.0.0 → 65.1.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 (61) hide show
  1. package/components/address-input/autosuggest.address.error.js +1 -1
  2. package/components/address-input/autosuggest.address.js +2 -2
  3. package/components/address-input/autosuggest.address.spec.js +5 -5
  4. package/components/autosuggest/_autosuggest.scss +11 -6
  5. package/components/autosuggest/_macro.njk +32 -31
  6. package/components/autosuggest/_macro.spec.js +18 -18
  7. package/components/autosuggest/autosuggest.spec.js +31 -31
  8. package/components/autosuggest/autosuggest.ui.js +8 -9
  9. package/components/card/_card.scss +14 -0
  10. package/components/card/_macro.njk +7 -8
  11. package/components/checkboxes/example-checkboxes-with-revealed-checkboxes-expanded.njk +88 -0
  12. package/components/checkboxes/example-checkboxes-with-revealed-radios-expanded.njk +70 -0
  13. package/components/checkboxes/example-checkboxes-with-revealed-select-expanded.njk +72 -0
  14. package/components/checkboxes/example-checkboxes-with-revealed-text-input-expanded.njk +60 -0
  15. package/components/content-pagination/_content-pagination.scss +1 -1
  16. package/components/document-list/_macro.njk +5 -7
  17. package/components/document-list/_macro.spec.js +2 -2
  18. package/components/document-list/example-document-list-search-result-featured.njk +1 -1
  19. package/components/document-list/example-document-list-search-results.njk +3 -3
  20. package/components/fieldset/_fieldset.scss +1 -1
  21. package/components/header/_macro.njk +4 -4
  22. package/components/header/example-header-external-with-navigation.njk +5 -5
  23. package/components/header/example-header-external-with-service-links.njk +3 -3
  24. package/components/header/example-header-external-with-sub-navigation.njk +10 -10
  25. package/components/header/example-header-internal.njk +2 -2
  26. package/components/header/example-header-neutral-for-multicoloured-logo.njk +6 -6
  27. package/components/list/_list.scss +5 -2
  28. package/components/list/_macro.njk +22 -10
  29. package/components/list/_macro.spec.js +42 -0
  30. package/components/navigation/_macro.njk +6 -6
  31. package/components/navigation/_macro.spec.js +4 -4
  32. package/components/pagination/_macro.njk +17 -2
  33. package/components/pagination/_pagination.scss +14 -0
  34. package/components/question/example-question-interviewer-note.njk +1 -1
  35. package/components/radios/example-radios-with-clear-button-expanded.njk +98 -0
  36. package/components/radios/example-radios-with-revealed-checkboxes-expanded.njk +70 -0
  37. package/components/radios/example-radios-with-revealed-radios-expanded.njk +69 -0
  38. package/components/radios/example-radios-with-revealed-select-expanded.njk +70 -0
  39. package/components/radios/example-radios-with-revealed-text-input-expanded.njk +81 -0
  40. package/components/relationships/_macro.spec.js +9 -11
  41. package/components/relationships/example-relationships-error.njk +28 -28
  42. package/components/relationships/example-relationships-you.njk +29 -29
  43. package/components/relationships/example-relationships.njk +28 -28
  44. package/components/relationships/relationships.spec.js +13 -13
  45. package/components/reply/_macro.njk +5 -2
  46. package/components/reply/_macro.spec.js +7 -1
  47. package/components/section-navigation/_macro.njk +2 -1
  48. package/components/section-navigation/_macro.spec.js +2 -13
  49. package/components/tabs/_macro.njk +5 -5
  50. package/components/tabs/_macro.spec.js +1 -1
  51. package/components/tabs/example-tabs-details.njk +3 -0
  52. package/components/tabs/example-tabs.njk +0 -1
  53. package/components/textarea/example-textarea-error.njk +4 -4
  54. package/css/main.css +2 -2
  55. package/css/print.css +1 -1
  56. package/js/cookies-settings.js +1 -1
  57. package/package.json +19 -21
  58. package/scripts/main.es5.js +1 -1
  59. package/scripts/main.js +1 -1
  60. package/scss/overrides/hcm.scss +4 -4
  61. package/scss/print.scss +1 -1
package/css/print.css CHANGED
@@ -1 +1 @@
1
- .ons-btn,.ons-navigation-search,.ons-summary__actions,.ons-footer,.ons-cookies-banner,.ons-language-links,.ons-breadcrumbs,.ons-u-ph{display:none !important}a::after{content:" (" attr(href) ") "}.ons-header__main,.ons-header__bottom{background:rgba(0,0,0,0)}.ons-header__title{color:var(--ons-color-black)}.ons-header .ons-header__svg-logo{fill:var(--ons-color-black)}.ons-navigation--main,.ons-navigation--sub{border-top:1px solid var(--ons-color-text-link);display:block !important;padding:1rem 0 .5rem}.ons-navigation--main .ons-navigation__item,.ons-navigation--sub .ons-navigation__item{display:inline-block}.ons-navigation--main .ons-navigation__item--active,.ons-navigation--sub .ons-navigation__item--active{border:0}.ons-navigation--main .ons-navigation__link,.ons-navigation--main .ons-navigation__link:hover,.ons-navigation--sub .ons-navigation__link,.ons-navigation--sub .ons-navigation__link:hover{color:var(--ons-color-text-link)}details,details>summary{display:block !important}.ons-hero{-webkit-print-color-adjust:exact;color-adjust:exact}.ons-grid__col{display:block}.ons-panel,h1,h2,h3,h4,h5,h6,p{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}
1
+ .ons-btn,.ons-navigation-search,.ons-summary__actions,.ons-footer,.ons-cookies-banner,.ons-language-links,.ons-breadcrumbs,.ons-u-ph{display:none !important}a::after{content:" (" attr(href) ") "}.ons-header__main,.ons-header__bottom{background:rgba(0,0,0,0)}.ons-header__title{color:var(--ons-color-black)}.ons-header .ons-header__svg-logo{fill:var(--ons-color-black)}.ons-navigation--main,.ons-navigation--sub{border-top:1px solid var(--ons-color-text-link);display:block !important;padding:1rem 0 .5rem}.ons-navigation--main .ons-navigation__item,.ons-navigation--sub .ons-navigation__item{display:inline-block}.ons-navigation--main .ons-navigation__item--active,.ons-navigation--sub .ons-navigation__item--active{border:0}.ons-navigation--main .ons-navigation__link,.ons-navigation--main .ons-navigation__link:hover,.ons-navigation--sub .ons-navigation__link,.ons-navigation--sub .ons-navigation__link:hover{color:var(--ons-color-text-link)}details,details>summary{display:block !important}.ons-hero{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ons-grid__col{display:block}.ons-panel,h1,h2,h3,h4,h5,h6,p{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}
@@ -10,7 +10,7 @@ export default class CookiesSettings {
10
10
  this.cookiesBanner = document.querySelector('.ons-cookies-banner');
11
11
 
12
12
  this.component.addEventListener('submit', this.submitSettingsForm.bind(this));
13
- this.returnLink.addEventListener('click', this.goBackToPrevPage.bind(this));
13
+ this.returnLink?.addEventListener('click', this.goBackToPrevPage.bind(this));
14
14
 
15
15
  this.setInitialFormValues();
16
16
  }
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": "65.0.0",
4
+ "version": "65.1.0",
5
5
  "main": "index.js",
6
6
  "license": "MIT",
7
7
  "author": {
@@ -36,7 +36,7 @@
36
36
  },
37
37
  "lint-staged": {
38
38
  "*.js": [
39
- "prettier --print-width 140 --single-quote --parser babylon --write",
39
+ "prettier --print-width 140 --single-quote --parser babel --write",
40
40
  "eslint --fix",
41
41
  "git add"
42
42
  ],
@@ -60,6 +60,7 @@
60
60
  ],
61
61
  "devDependencies": {
62
62
  "@babel/core": "^7.14.6",
63
+ "@babel/eslint-parser": "^7.22.9",
63
64
  "@babel/node": "^7.14.7",
64
65
  "@babel/plugin-proposal-class-properties": "^7.14.5",
65
66
  "@babel/plugin-syntax-dynamic-import": "^7.8.3",
@@ -69,8 +70,7 @@
69
70
  "@babel/register": "^7.14.5",
70
71
  "@babel/runtime": "^7.14.6",
71
72
  "abortcontroller-polyfill": "^1.2.3",
72
- "autoprefixer": "^9.3.1",
73
- "babel-eslint": "^10.0.1",
73
+ "autoprefixer": "10.4.14",
74
74
  "babel-plugin-istanbul": "^6.0.0",
75
75
  "babelify": "^10.0.0",
76
76
  "backstopjs": "^6.1.4",
@@ -82,10 +82,10 @@
82
82
  "core-js": "^3.21.1",
83
83
  "cors": "^2.8.5",
84
84
  "dialog-polyfill": "^0.5.6",
85
- "eslint": "^5.9.0",
85
+ "eslint": "^8.45.0",
86
86
  "eslint-cli": "^1.1.1",
87
- "eslint-config-prettier": "^3.3.0",
88
- "eslint-plugin-prettier": "^3.0.0",
87
+ "eslint-config-prettier": "^8.8.0",
88
+ "eslint-plugin-prettier": "^5.0.0",
89
89
  "express": "^4.17.1",
90
90
  "front-matter": "^4.0.2",
91
91
  "fs-extra": "^10.0.0",
@@ -105,7 +105,7 @@
105
105
  "jest-axe": "^6.0.0",
106
106
  "jest-puppeteer": "^6.1.0",
107
107
  "js-beautify": "^1.11.0",
108
- "lighthouse": "^7.5.0",
108
+ "lighthouse": "^10.4.0",
109
109
  "lint-staged": "^8.1.0",
110
110
  "lodash": "^4.17.21",
111
111
  "mdn-polyfills": "^5.14.0",
@@ -115,17 +115,17 @@
115
115
  "postcss": "^8.3.5",
116
116
  "postcss-url": "^8.0.0",
117
117
  "prepend-file": "^1.3.1",
118
- "prettier": "^1.15.2",
118
+ "prettier": "^3.0.0",
119
119
  "puppeteer": "^13.5.1",
120
- "remark-cli": "^9.0.0",
121
- "remark-lint": "^8.0.0",
122
- "remark-preset-lint-recommended": "^5.0.0",
120
+ "remark-cli": "^11.0.0",
121
+ "remark-lint": "^9.1.2",
122
+ "remark-preset-lint-recommended": "^6.1.3",
123
123
  "replace-in-file": "^6.1.0",
124
- "stylelint": "^13.11.0",
125
- "stylelint-config-recommended": "^3.0.0",
126
- "stylelint-config-sass-guidelines": "^8.0.0",
127
- "stylelint-config-standard": "^20.0.0",
128
- "stylelint-scss": "^3.19.0",
124
+ "stylelint": "^15.10.1",
125
+ "stylelint-config-recommended": "^13.0.0",
126
+ "stylelint-config-sass-guidelines": "^10.0.0",
127
+ "stylelint-config-standard": "^34.0.0",
128
+ "stylelint-scss": "^5.0.1",
129
129
  "through2": "^4.0.2",
130
130
  "tick-manager": "^1.0.3",
131
131
  "url-search-params-polyfill": "^5.0.0",
@@ -140,8 +140,6 @@
140
140
  "access": "public"
141
141
  },
142
142
  "resolutions": {
143
- "minimist": "^1.2.5",
144
- "**/@percy/agent": "^0.28.6"
145
- },
146
- "dependencies": {}
143
+ "minimist": "^1.2.5"
144
+ }
147
145
  }