@ons/design-system 64.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 (124) hide show
  1. package/components/access-code/_macro.njk +2 -2
  2. package/components/access-code/_macro.spec.js +2 -2
  3. package/components/access-code/access-code.dom.js +11 -0
  4. package/components/access-code/{uac.js → access-code.js} +1 -1
  5. package/components/access-code/{uac.scss → access-code.scss} +1 -1
  6. package/components/access-code/example-access-code-error.njk +6 -6
  7. package/components/access-code/example-access-code.njk +4 -4
  8. package/components/accordion/_macro.njk +2 -2
  9. package/components/accordion/_macro.spec.js +3 -3
  10. package/components/accordion/accordion.dom.js +1 -1
  11. package/components/accordion/accordion.js +1 -1
  12. package/components/address-input/autosuggest.address.error.js +1 -1
  13. package/components/address-input/autosuggest.address.js +2 -2
  14. package/components/address-input/autosuggest.address.spec.js +5 -5
  15. package/components/autosuggest/_autosuggest.scss +11 -6
  16. package/components/autosuggest/_macro.njk +32 -31
  17. package/components/autosuggest/_macro.spec.js +18 -18
  18. package/components/autosuggest/autosuggest.spec.js +31 -31
  19. package/components/autosuggest/autosuggest.ui.js +8 -9
  20. package/components/breadcrumbs/_breadcrumbs.scss +6 -6
  21. package/components/breadcrumbs/_macro.njk +4 -4
  22. package/components/breadcrumbs/_macro.spec.js +13 -13
  23. package/components/button/_button.scss +27 -27
  24. package/components/button/_macro.spec.js +2 -2
  25. package/components/call-to-action/_macro.njk +1 -1
  26. package/components/card/_card.scss +14 -0
  27. package/components/card/_macro.njk +7 -8
  28. package/components/checkboxes/example-checkboxes-with-revealed-checkboxes-expanded.njk +88 -0
  29. package/components/checkboxes/example-checkboxes-with-revealed-radios-expanded.njk +70 -0
  30. package/components/checkboxes/example-checkboxes-with-revealed-select-expanded.njk +72 -0
  31. package/components/checkboxes/example-checkboxes-with-revealed-text-input-expanded.njk +60 -0
  32. package/components/content-pagination/_content-pagination.scss +1 -1
  33. package/components/date-input/_macro.njk +3 -3
  34. package/components/date-input/_macro.spec.js +118 -0
  35. package/components/date-input/example-date-input-error-for-single-field.njk +63 -0
  36. package/components/details/_details.scss +1 -1
  37. package/components/document-list/_macro.njk +5 -7
  38. package/components/document-list/_macro.spec.js +2 -2
  39. package/components/document-list/example-document-list-search-result-featured.njk +1 -1
  40. package/components/document-list/example-document-list-search-results.njk +3 -3
  41. package/components/external-link/_external-link.scss +3 -3
  42. package/components/external-link/_macro.njk +1 -1
  43. package/components/fieldset/_fieldset.scss +1 -1
  44. package/components/footer/_footer.scss +2 -2
  45. package/components/footer/example-footer-with-alternative-organisation.njk +5 -5
  46. package/components/header/_header.scss +8 -8
  47. package/components/header/_macro.njk +4 -4
  48. package/components/header/example-header-external-with-navigation.njk +5 -5
  49. package/components/header/example-header-external-with-service-links.njk +3 -3
  50. package/components/header/example-header-external-with-sub-navigation.njk +10 -10
  51. package/components/header/example-header-internal.njk +2 -2
  52. package/components/header/example-header-neutral-for-multicoloured-logo.njk +6 -6
  53. package/components/icon/_icon.scss +1 -1
  54. package/components/icon/_macro.njk +35 -35
  55. package/components/icon/_macro.spec.js +1 -1
  56. package/components/image/_image.scss +2 -2
  57. package/components/image/_macro.njk +4 -6
  58. package/components/image/_macro.spec.js +10 -10
  59. package/components/list/_list.scss +5 -2
  60. package/components/list/_macro.njk +22 -10
  61. package/components/list/_macro.spec.js +42 -0
  62. package/components/mutually-exclusive/_macro.njk +4 -3
  63. package/components/navigation/_macro.njk +6 -6
  64. package/components/navigation/_macro.spec.js +4 -4
  65. package/components/pagination/_macro.njk +17 -2
  66. package/components/pagination/_pagination.scss +14 -0
  67. package/components/pagination/example-pagination-first.njk +0 -2
  68. package/components/pagination/example-pagination-last.njk +0 -2
  69. package/components/pagination/example-pagination-with-no-range-indicator.njk +0 -2
  70. package/components/pagination/example-pagination.njk +0 -2
  71. package/components/panel/_macro.njk +1 -1
  72. package/components/panel/_panel.scss +7 -7
  73. package/components/password/_macro.njk +1 -1
  74. package/components/password/example-password.njk +1 -2
  75. package/components/question/example-question-interviewer-note.njk +1 -1
  76. package/components/quote/_quote.scss +1 -1
  77. package/components/radios/_macro.njk +1 -1
  78. package/components/radios/example-radios-with-clear-button-expanded.njk +98 -0
  79. package/components/radios/example-radios-with-revealed-checkboxes-expanded.njk +70 -0
  80. package/components/radios/example-radios-with-revealed-radios-expanded.njk +69 -0
  81. package/components/radios/example-radios-with-revealed-select-expanded.njk +70 -0
  82. package/components/radios/example-radios-with-revealed-text-input-expanded.njk +81 -0
  83. package/components/relationships/_macro.spec.js +9 -11
  84. package/components/relationships/example-relationships-error.njk +28 -28
  85. package/components/relationships/example-relationships-you.njk +29 -29
  86. package/components/relationships/example-relationships.njk +28 -28
  87. package/components/relationships/relationships.spec.js +13 -13
  88. package/components/reply/_macro.njk +5 -2
  89. package/components/reply/_macro.spec.js +7 -1
  90. package/components/section-navigation/_macro.njk +2 -1
  91. package/components/section-navigation/_macro.spec.js +2 -13
  92. package/components/skip-to-content/_macro.njk +2 -1
  93. package/components/skip-to-content/_macro.spec.js +17 -3
  94. package/components/skip-to-content/_skip.scss +1 -1
  95. package/components/skip-to-content/skip-to-content.dom.js +1 -1
  96. package/components/skip-to-content/skip-to-content.spec.js +3 -3
  97. package/components/summary/_summary.scss +1 -1
  98. package/components/table/_table.scss +6 -6
  99. package/components/table/sortable-table.js +1 -1
  100. package/components/tabs/_macro.njk +5 -5
  101. package/components/tabs/_macro.spec.js +1 -1
  102. package/components/tabs/example-tabs-details.njk +3 -0
  103. package/components/tabs/example-tabs.njk +0 -1
  104. package/components/textarea/example-textarea-error.njk +4 -4
  105. package/components/timeline/_macro.njk +18 -22
  106. package/components/timeline/_macro.spec.js +18 -0
  107. package/components/video/example-video.njk +1 -1
  108. package/components/video/video.js +10 -1
  109. package/components/video/video.spec.js +33 -0
  110. package/css/main.css +3 -3
  111. package/css/print.css +1 -1
  112. package/js/cookies-settings.js +1 -1
  113. package/js/main.js +1 -1
  114. package/package.json +19 -21
  115. package/scripts/main.es5.js +1 -1
  116. package/scripts/main.js +1 -1
  117. package/scss/base/_global.scss +1 -1
  118. package/scss/main.scss +1 -1
  119. package/scss/objects/_spacing.scss +3 -3
  120. package/scss/overrides/hcm.scss +10 -10
  121. package/scss/overrides/rtl.scss +2 -2
  122. package/scss/print.scss +2 -2
  123. package/components/access-code/uac.dom.js +0 -11
  124. /package/components/access-code/{uac.spec.js → access-code.spec.js} +0 -0
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-breadcrumb,.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}
package/js/cookies-settings.js CHANGED
@@ -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/js/main.js CHANGED
@@ -11,7 +11,7 @@ import '../components/details/details.dom';
11
11
  import '../components/table/scrollable-table.dom';
12
12
  import '../components/table/sortable-table.dom';
13
13
  import '../components/navigation/navigation.dom';
14
- import '../components/access-code/uac.dom';
14
+ import '../components/access-code/access-code.dom';
15
15
  import '../components/relationships/relationships.dom';
16
16
  import '../components/checkboxes/checkboxes.dom';
17
17
  import '../components/radios/radios.dom';
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": "64.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
  }