@ons/design-system 65.0.0 → 65.2.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 (77) hide show
  1. package/components/access-code/access-code.scss +3 -3
  2. package/components/address-input/autosuggest.address.error.js +1 -1
  3. package/components/address-input/autosuggest.address.js +2 -2
  4. package/components/address-input/autosuggest.address.spec.js +5 -5
  5. package/components/autosuggest/_autosuggest.scss +9 -9
  6. package/components/autosuggest/_macro.njk +30 -31
  7. package/components/autosuggest/_macro.spec.js +18 -18
  8. package/components/autosuggest/autosuggest.spec.js +31 -31
  9. package/components/autosuggest/autosuggest.ui.js +8 -9
  10. package/components/button/_button.scss +11 -14
  11. package/components/card/_card.scss +14 -0
  12. package/components/card/_macro.njk +7 -8
  13. package/components/checkboxes/_checkbox.scss +1 -4
  14. package/components/checkboxes/example-checkboxes-with-revealed-checkboxes-expanded.njk +88 -0
  15. package/components/checkboxes/example-checkboxes-with-revealed-radios-expanded.njk +70 -0
  16. package/components/checkboxes/example-checkboxes-with-revealed-select-expanded.njk +72 -0
  17. package/components/checkboxes/example-checkboxes-with-revealed-text-input-expanded.njk +60 -0
  18. package/components/content-pagination/_content-pagination.scss +1 -1
  19. package/components/document-list/_macro.njk +5 -7
  20. package/components/document-list/_macro.spec.js +2 -2
  21. package/components/document-list/example-document-list-search-result-featured.njk +1 -1
  22. package/components/document-list/example-document-list-search-results.njk +3 -3
  23. package/components/download-resources/_download-resources.scss +3 -5
  24. package/components/external-link/example-external-link.njk +1 -1
  25. package/components/fieldset/_fieldset.scss +1 -1
  26. package/components/header/_macro.njk +4 -4
  27. package/components/header/example-header-external-with-navigation.njk +5 -5
  28. package/components/header/example-header-external-with-service-links.njk +3 -3
  29. package/components/header/example-header-external-with-sub-navigation.njk +10 -10
  30. package/components/header/example-header-internal.njk +2 -2
  31. package/components/header/example-header-neutral-for-multicoloured-logo.njk +6 -6
  32. package/components/helpers/_grid.scss +6 -0
  33. package/components/helpers/grid.njk +19 -0
  34. package/components/input/_input-type.scss +2 -8
  35. package/components/input/_input.scss +4 -3
  36. package/components/list/_list.scss +5 -2
  37. package/components/list/_macro.njk +22 -10
  38. package/components/list/_macro.spec.js +42 -0
  39. package/components/modal/_modal.scss +3 -6
  40. package/components/navigation/_macro.njk +6 -6
  41. package/components/navigation/_macro.spec.js +4 -4
  42. package/components/navigation/navigation.js +6 -2
  43. package/components/pagination/_macro.njk +17 -2
  44. package/components/pagination/_pagination.scss +14 -0
  45. package/components/phase-banner/example-phase-banner-alpha.njk +13 -2
  46. package/components/phase-banner/example-phase-banner-beta.njk +13 -2
  47. package/components/question/example-question-interviewer-note.njk +1 -1
  48. package/components/radios/example-radios-with-clear-button-expanded.njk +98 -0
  49. package/components/radios/example-radios-with-revealed-checkboxes-expanded.njk +70 -0
  50. package/components/radios/example-radios-with-revealed-radios-expanded.njk +69 -0
  51. package/components/radios/example-radios-with-revealed-select-expanded.njk +70 -0
  52. package/components/radios/example-radios-with-revealed-text-input-expanded.njk +81 -0
  53. package/components/relationships/_macro.spec.js +9 -11
  54. package/components/relationships/example-relationships-error.njk +28 -28
  55. package/components/relationships/example-relationships-you.njk +29 -29
  56. package/components/relationships/example-relationships.njk +28 -28
  57. package/components/relationships/relationships.spec.js +13 -13
  58. package/components/reply/_macro.njk +5 -2
  59. package/components/reply/_macro.spec.js +7 -1
  60. package/components/section-navigation/_macro.njk +2 -1
  61. package/components/section-navigation/_macro.spec.js +2 -13
  62. package/components/table/_table.scss +7 -3
  63. package/components/tabs/_macro.njk +5 -5
  64. package/components/tabs/_macro.spec.js +1 -1
  65. package/components/tabs/example-tabs-details.njk +3 -0
  66. package/components/tabs/example-tabs.njk +0 -1
  67. package/components/textarea/example-textarea-error.njk +4 -4
  68. package/css/main.css +3 -3
  69. package/css/print.css +1 -1
  70. package/js/cookies-settings.js +1 -1
  71. package/package.json +27 -30
  72. package/scripts/main.es5.js +1 -1
  73. package/scripts/main.js +1 -1
  74. package/scss/base/_global.scss +3 -2
  75. package/scss/main.scss +1 -0
  76. package/scss/overrides/hcm.scss +14 -14
  77. 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.2.0",
5
5
  "main": "index.js",
6
6
  "license": "MIT",
7
7
  "author": {
@@ -26,17 +26,14 @@
26
26
  "dedupe-deps": "npx yarn-deduplicate yarn.lock",
27
27
  "lint-staged": "lint-staged",
28
28
  "stylelint": "stylelint '**/*.scss'",
29
- "stylelint-fix": "stylelint '**/*.scss' --fix"
30
- },
31
- "husky": {
32
- "hooks": {
33
- "pre-commit": "lint-staged",
34
- "post-checkout": "yarn tidy-clean && yarn install --check-files"
35
- }
29
+ "stylelint-fix": "stylelint '**/*.scss' --fix",
30
+ "prepack": "pinst --disable",
31
+ "postpack": "pinst --enable",
32
+ "prepare": "husky install"
36
33
  },
37
34
  "lint-staged": {
38
35
  "*.js": [
39
- "prettier --print-width 140 --single-quote --parser babylon --write",
36
+ "prettier --print-width 140 --single-quote --parser babel --write",
40
37
  "eslint --fix",
41
38
  "git add"
42
39
  ],
@@ -46,7 +43,7 @@
46
43
  "git add"
47
44
  ],
48
45
  "*.scss": [
49
- "prettier --print-width 140 --single-quote --parser postcss --write",
46
+ "prettier --print-width 140 --single-quote --parser scss --write",
50
47
  "yarn run stylelint-fix",
51
48
  "git add"
52
49
  ]
@@ -60,6 +57,7 @@
60
57
  ],
61
58
  "devDependencies": {
62
59
  "@babel/core": "^7.14.6",
60
+ "@babel/eslint-parser": "^7.22.9",
63
61
  "@babel/node": "^7.14.7",
64
62
  "@babel/plugin-proposal-class-properties": "^7.14.5",
65
63
  "@babel/plugin-syntax-dynamic-import": "^7.8.3",
@@ -69,8 +67,7 @@
69
67
  "@babel/register": "^7.14.5",
70
68
  "@babel/runtime": "^7.14.6",
71
69
  "abortcontroller-polyfill": "^1.2.3",
72
- "autoprefixer": "^9.3.1",
73
- "babel-eslint": "^10.0.1",
70
+ "autoprefixer": "10.4.14",
74
71
  "babel-plugin-istanbul": "^6.0.0",
75
72
  "babelify": "^10.0.0",
76
73
  "backstopjs": "^6.1.4",
@@ -82,10 +79,10 @@
82
79
  "core-js": "^3.21.1",
83
80
  "cors": "^2.8.5",
84
81
  "dialog-polyfill": "^0.5.6",
85
- "eslint": "^5.9.0",
82
+ "eslint": "^8.45.0",
86
83
  "eslint-cli": "^1.1.1",
87
- "eslint-config-prettier": "^3.3.0",
88
- "eslint-plugin-prettier": "^3.0.0",
84
+ "eslint-config-prettier": "^8.8.0",
85
+ "eslint-plugin-prettier": "^5.0.0",
89
86
  "express": "^4.17.1",
90
87
  "front-matter": "^4.0.2",
91
88
  "fs-extra": "^10.0.0",
@@ -100,32 +97,34 @@
100
97
  "gulp-sourcemaps": "^3.0.0",
101
98
  "gulp-terser": "^2.0.1",
102
99
  "http-server": "^0.12.3",
103
- "husky": "^1.3.1",
100
+ "husky": "^8.0.3",
104
101
  "jest": "^27.5.1",
105
102
  "jest-axe": "^6.0.0",
106
103
  "jest-puppeteer": "^6.1.0",
107
104
  "js-beautify": "^1.11.0",
108
- "lighthouse": "^7.5.0",
105
+ "lighthouse": "^10.4.0",
109
106
  "lint-staged": "^8.1.0",
110
107
  "lodash": "^4.17.21",
111
108
  "mdn-polyfills": "^5.14.0",
112
109
  "minimist": "^1.2.5",
113
110
  "normalize.css": "^8.0.1",
114
111
  "nunjucks": "^3.2.3",
112
+ "pinst": "^3.0.0",
115
113
  "postcss": "^8.3.5",
116
114
  "postcss-url": "^8.0.0",
117
115
  "prepend-file": "^1.3.1",
118
- "prettier": "^1.15.2",
116
+ "prettier": "^3.0.0",
119
117
  "puppeteer": "^13.5.1",
120
- "remark-cli": "^9.0.0",
121
- "remark-lint": "^8.0.0",
122
- "remark-preset-lint-recommended": "^5.0.0",
118
+ "remark-cli": "^11.0.0",
119
+ "remark-lint": "^9.1.2",
120
+ "remark-preset-lint-recommended": "^6.1.3",
123
121
  "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",
122
+ "stylelint": "^15.10.1",
123
+ "stylelint-config-recommended": "^13.0.0",
124
+ "stylelint-config-sass-guidelines": "^10.0.0",
125
+ "stylelint-config-standard": "^34.0.0",
126
+ "stylelint-order": "^6.0.3",
127
+ "stylelint-scss": "^5.0.1",
129
128
  "through2": "^4.0.2",
130
129
  "tick-manager": "^1.0.3",
131
130
  "url-search-params-polyfill": "^5.0.0",
@@ -140,8 +139,6 @@
140
139
  "access": "public"
141
140
  },
142
141
  "resolutions": {
143
- "minimist": "^1.2.5",
144
- "**/@percy/agent": "^0.28.6"
145
- },
146
- "dependencies": {}
142
+ "minimist": "^1.2.5"
143
+ }
147
144
  }