@ons/design-system 44.0.0 → 44.1.2

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 (66) hide show
  1. package/components/address-input/_macro.njk +1 -0
  2. package/components/address-input/autosuggest.address.js +0 -1
  3. package/components/autosuggest/_macro.njk +1 -0
  4. package/components/autosuggest/autosuggest.ui.js +1 -1
  5. package/components/checkboxes/_checkbox.scss +1 -1
  6. package/components/checkboxes/_macro.njk +3 -3
  7. package/components/collapsible/_collapsible.scss +1 -1
  8. package/components/input/_input.scss +6 -2
  9. package/components/message/_message.scss +3 -1
  10. package/components/modal/_macro.njk +23 -0
  11. package/components/modal/_modal.scss +32 -0
  12. package/components/modal/modal.dom.js +14 -0
  13. package/components/modal/modal.js +104 -0
  14. package/components/summary/_summary.scss +4 -2
  15. package/components/table/_table.scss +1 -1
  16. package/components/timeout-modal/_macro.njk +26 -0
  17. package/components/timeout-modal/timeout.dom.js +16 -0
  18. package/components/timeout-modal/timeout.js +289 -0
  19. package/css/census.css +1 -1
  20. package/css/error.css +1 -1
  21. package/css/main.css +1 -1
  22. package/favicons/census/cy/android-chrome-192x192.png +0 -0
  23. package/favicons/census/cy/android-chrome-512x512.png +0 -0
  24. package/favicons/census/cy/apple-touch-icon.png +0 -0
  25. package/favicons/census/cy/browserconfig.xml +12 -0
  26. package/favicons/census/cy/favicon-16x16.png +0 -0
  27. package/favicons/census/cy/favicon-32x32.png +0 -0
  28. package/favicons/census/cy/favicon.ico +0 -0
  29. package/favicons/census/cy/manifest.json +20 -0
  30. package/favicons/census/cy/mstitle-150x150.png +0 -0
  31. package/favicons/census/cy/mstitle-310x150.png +0 -0
  32. package/favicons/census/cy/mstitle-310x310.png +0 -0
  33. package/favicons/census/cy/mstitle-70x70.png +0 -0
  34. package/favicons/census/cy/opengraph.png +0 -0
  35. package/favicons/census/cy/safari-pinned-tab.svg +3 -0
  36. package/favicons/census/cy/site.webmanifest +19 -0
  37. package/favicons/census/cy/twitter.png +0 -0
  38. package/favicons/census/en/android-chrome-192x192.png +0 -0
  39. package/favicons/census/en/android-chrome-512x512.png +0 -0
  40. package/favicons/census/en/apple-touch-icon.png +0 -0
  41. package/favicons/census/en/browserconfig.xml +12 -0
  42. package/favicons/census/en/favicon-16x16.png +0 -0
  43. package/favicons/census/en/favicon-32x32.png +0 -0
  44. package/favicons/census/en/favicon.ico +0 -0
  45. package/favicons/census/en/manifest.json +20 -0
  46. package/favicons/census/en/mstitle-150x150.png +0 -0
  47. package/favicons/census/en/mstitle-310x150.png +0 -0
  48. package/favicons/census/en/mstitle-310x310.png +0 -0
  49. package/favicons/census/en/mstitle-70x70.png +0 -0
  50. package/favicons/census/en/opengraph.png +0 -0
  51. package/favicons/census/en/safari-pinned-tab.svg +3 -0
  52. package/favicons/census/en/site.webmanifest +19 -0
  53. package/favicons/census/en/twitter.png +0 -0
  54. package/favicons/census/ni/favicon.ico +0 -0
  55. package/package.json +8 -11
  56. package/scripts/main.es5.js +2 -2
  57. package/scripts/main.js +1 -1
  58. package/scss/base/_global.scss +9 -5
  59. package/scss/error.scss +0 -2
  60. package/scss/helpers/_functions.scss +4 -2
  61. package/scss/main.scss +65 -8
  62. package/scss/overrides/rtl.scss +4 -2
  63. package/scss/patternlib.scss +3 -2
  64. package/scss/utilities/_colors.scss +4 -4
  65. package/scss/utilities/_grid.scss +7 -5
  66. package/src/js/domready.js +17 -0
@@ -0,0 +1,12 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <browserconfig>
3
+ <msapplication>
4
+ <tile>
5
+ <square70x70logo src="mstile-70x70.png"/>
6
+ <square150x150logo src="mstile-150x150.png"/>
7
+ <square310x310logo src="mstile-310x310.png"/>
8
+ <wide310x150logo src="mstile-310x150.png"/>
9
+ <TileColor>#902082</TileColor>
10
+ </tile>
11
+ </msapplication>
12
+ </browserconfig>
Binary file
@@ -0,0 +1,20 @@
1
+ {
2
+ "name": "Cyfrifiad2021",
3
+ "short_name": "Cyfrifiad2021",
4
+ "icons": [
5
+ {
6
+ "src": "android-chrome-192x192.png",
7
+ "sizes": "192x192",
8
+ "type": "image/png"
9
+ },
10
+ {
11
+ "src": "android-chrome-512x512.png",
12
+ "sizes": "512x512",
13
+ "type": "image/png"
14
+ }
15
+ ],
16
+ "content_security_policy": "script-src 'self' https://cdn.ons.gov.uk; object-src 'self' https://cdn.ons.gov.uk;",
17
+ "theme_color": "#902082",
18
+ "background_color": "#902082",
19
+ "display": "standalone"
20
+ }
Binary file
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
2
+ <path d="M13,24C6.4,24,1,18.6,1,12C1,5.4,6.4,0,13,0c3.3,0,6.5,1.4,8.8,3.8c1,1.1,1,2.8-0.1,3.9c-1.1,1-2.8,1-3.9-0.1c-1.3-1.3-3-2.1-4.8-2.1c-3.6,0-6.5,2.9-6.5,6.5c0,3.6,2.9,6.5,6.5,6.5c1.8,0,3.5-0.7,4.8-2.1c1-1.1,2.8-1.2,3.9-0.1c1.1,1,1.2,2.8,0.1,3.9C19.5,22.6,16.3,24,13,24" fill-rule="nonzero"></path>
3
+ </svg>
@@ -0,0 +1,19 @@
1
+ {
2
+ "name": "Cyfrifiad2021",
3
+ "short_name": "Cyfrifiad2021",
4
+ "icons": [
5
+ {
6
+ "src": "android-chrome-192x192.png",
7
+ "sizes": "192x192",
8
+ "type": "image/png"
9
+ },
10
+ {
11
+ "src": "android-chrome-512x512.png",
12
+ "sizes": "512x512",
13
+ "type": "image/png"
14
+ }
15
+ ],
16
+ "theme_color": "#902082",
17
+ "background_color": "#902082",
18
+ "display": "standalone"
19
+ }
Binary file
@@ -0,0 +1,12 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <browserconfig>
3
+ <msapplication>
4
+ <tile>
5
+ <square70x70logo src="mstile-70x70.png"/>
6
+ <square150x150logo src="mstile-150x150.png"/>
7
+ <square310x310logo src="mstile-310x310.png"/>
8
+ <wide310x150logo src="mstile-310x150.png"/>
9
+ <TileColor>#902082</TileColor>
10
+ </tile>
11
+ </msapplication>
12
+ </browserconfig>
Binary file
@@ -0,0 +1,20 @@
1
+ {
2
+ "name": "Census2021",
3
+ "short_name": "Census2021",
4
+ "icons": [
5
+ {
6
+ "src": "android-chrome-192x192.png",
7
+ "sizes": "192x192",
8
+ "type": "image/png"
9
+ },
10
+ {
11
+ "src": "android-chrome-512x512.png",
12
+ "sizes": "512x512",
13
+ "type": "image/png"
14
+ }
15
+ ],
16
+ "content_security_policy": "script-src 'self' https://cdn.ons.gov.uk; object-src 'self' https://cdn.ons.gov.uk;",
17
+ "theme_color": "#902082",
18
+ "background_color": "#902082",
19
+ "display": "standalone"
20
+ }
Binary file
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
2
+ <path d="M13,24C6.4,24,1,18.6,1,12C1,5.4,6.4,0,13,0c3.3,0,6.5,1.4,8.8,3.8c1,1.1,1,2.8-0.1,3.9c-1.1,1-2.8,1-3.9-0.1c-1.3-1.3-3-2.1-4.8-2.1c-3.6,0-6.5,2.9-6.5,6.5c0,3.6,2.9,6.5,6.5,6.5c1.8,0,3.5-0.7,4.8-2.1c1-1.1,2.8-1.2,3.9-0.1c1.1,1,1.2,2.8,0.1,3.9C19.5,22.6,16.3,24,13,24" fill-rule="nonzero"></path>
3
+ </svg>
@@ -0,0 +1,19 @@
1
+ {
2
+ "name": "Census2021",
3
+ "short_name": "Census2021",
4
+ "icons": [
5
+ {
6
+ "src": "android-chrome-192x192.png",
7
+ "sizes": "192x192",
8
+ "type": "image/png"
9
+ },
10
+ {
11
+ "src": "android-chrome-512x512.png",
12
+ "sizes": "512x512",
13
+ "type": "image/png"
14
+ }
15
+ ],
16
+ "theme_color": "#902082",
17
+ "background_color": "#902082",
18
+ "display": "standalone"
19
+ }
Binary file
Binary file
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": "44.0.0",
4
+ "version": "44.1.2",
5
5
  "main": "index.js",
6
6
  "license": "MIT",
7
7
  "author": {
@@ -15,9 +15,9 @@
15
15
  "build": "yarn && yarn tidy-clean && NODE_ENV=production gulp build",
16
16
  "npm-bundle": "NODE_ENV=production yarn tidy-clean && NODE_ENV=production gulp build-package && babel-node ci/generate-npm-package.js",
17
17
  "cdn-bundle": "NODE_ENV=production yarn tidy-clean && NODE_ENV=production gulp build-package && babel-node ci/prepare-templates-for-zip.js",
18
- "test:local": "TEST_MODE=esm KARMA_SINGLE_RUN=false karma start ./karma.conf.babel-register.js",
19
- "test": "TEST_MODE=nomodule karma start ./karma.conf.babel-register.js && TEST_MODE=esm karma start ./karma.conf.babel-register.js && codecov",
20
- "test:browserstack": "TEST_MODE=nomodule TEST_ON_BROWSERSTACK=true karma start ./karma.conf.babel-register.js && TEST_MODE=esm TEST_ON_BROWSERSTACK=true karma start ./karma.conf.babel-register.js",
18
+ "test:local": "STYLES=main gulp build-styles && TEST_MODE=esm KARMA_SINGLE_RUN=false karma start ./karma.conf.babel-register.js",
19
+ "test": "STYLES=main gulp build-styles && TEST_MODE=nomodule karma start ./karma.conf.babel-register.js && TEST_MODE=esm karma start ./karma.conf.babel-register.js && codecov",
20
+ "test:browserstack": "STYLES=main gulp build-styles && TEST_MODE=nomodule TEST_ON_BROWSERSTACK=true karma start ./karma.conf.babel-register.js && TEST_MODE=esm TEST_ON_BROWSERSTACK=true karma start ./karma.conf.babel-register.js",
21
21
  "test-visual": "yarn build && npx percy exec -- babel-node src/tests/visual/percy.snapshots.js",
22
22
  "tidy-clean": "rm -rf build css favicons fonts img components page-templates templates scripts coverage scss",
23
23
  "check-unused": "npx npm-check-unused",
@@ -82,6 +82,7 @@
82
82
  "codecov": "3.7.2",
83
83
  "core-js": "^3.15.2",
84
84
  "cssnano": "^4.1.11",
85
+ "dialog-polyfill": "^0.5.6",
85
86
  "eslint": "^5.9.0",
86
87
  "eslint-cli": "^1.1.1",
87
88
  "eslint-config-prettier": "^3.3.0",
@@ -89,14 +90,15 @@
89
90
  "express": "^4.17.1",
90
91
  "fetch-mock": "^9.11.0",
91
92
  "front-matter": "^4.0.2",
93
+ "fs-extra": "^10.0.0",
92
94
  "fuse.js": "^3.6.1",
93
95
  "glob": "^7.1.3",
94
96
  "gulp": "^4.0.2",
95
97
  "gulp-babel": "^8.0.0",
96
98
  "gulp-cli": "^2.3.0",
99
+ "gulp-dart-sass": "^1.0.2",
97
100
  "gulp-if": "^3.0.0",
98
101
  "gulp-postcss": "^9.0.0",
99
- "gulp-sass": "^5.0.0",
100
102
  "gulp-sourcemaps": "^3.0.0",
101
103
  "gulp-svgo": "^2.2.1",
102
104
  "gulp-terser": "^2.0.1",
@@ -116,7 +118,6 @@
116
118
  "karma-html": "^1.0.5",
117
119
  "karma-mocha": "^2.0.1",
118
120
  "karma-mocha-reporter": "^2.2.5",
119
- "karma-scss-preprocessor": "^4.0.0",
120
121
  "lighthouse": "^7.5.0",
121
122
  "lint-staged": "^8.1.0",
122
123
  "lodash": "^4.17.11",
@@ -124,10 +125,7 @@
124
125
  "mdn-polyfills": "^5.14.0",
125
126
  "minimist": "^1.2.5",
126
127
  "mocha": "8.1.3",
127
- "ncp": "^2.0.0",
128
- "node-sass": "^6.0.1",
129
- "node-sass-glob-importer": "^5.2.0",
130
- "normalize-scss": "^7.0.1",
128
+ "normalize.css": "^8.0.1",
131
129
  "nunjucks": "^3.2.3",
132
130
  "postcss": "^8.3.5",
133
131
  "postcss-url": "^8.0.0",
@@ -140,7 +138,6 @@
140
138
  "remark-lint": "^8.0.0",
141
139
  "remark-preset-lint-recommended": "^5.0.0",
142
140
  "replace-in-file": "^6.1.0",
143
- "rimraf": "^2.6.3",
144
141
  "stylelint": "^13.11.0",
145
142
  "stylelint-config-recommended": "^3.0.0",
146
143
  "stylelint-config-sass-guidelines": "^8.0.0",