@ons/design-system 60.0.3 → 61.0.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 (40) hide show
  1. package/components/accordion/_macro.njk +2 -3
  2. package/components/accordion/_macro.spec.js +9 -9
  3. package/components/accordion/accordion.dom.js +4 -4
  4. package/components/accordion/accordion.js +14 -14
  5. package/components/accordion/accordion.spec.js +6 -6
  6. package/components/collapsible/_macro.njk +20 -28
  7. package/components/collapsible/_macro.spec.js +15 -15
  8. package/components/{collapsible/_collapsible.scss → details/_details.scss} +14 -14
  9. package/components/details/_macro.njk +30 -0
  10. package/components/details/_macro.spec.js +151 -0
  11. package/components/details/details.dom.js +13 -0
  12. package/components/details/details.js +66 -0
  13. package/components/details/details.spec.js +103 -0
  14. package/components/hero/_hero.scss +2 -2
  15. package/components/question/_macro.njk +4 -4
  16. package/components/question/_macro.spec.js +14 -14
  17. package/components/summary/_macro.njk +1 -1
  18. package/components/summary/_macro.spec.js +148 -1
  19. package/components/summary/_summary.scss +6 -2
  20. package/components/table/_macro.spec.js +10 -8
  21. package/components/video/_macro.njk +18 -4
  22. package/components/video/_macro.spec.js +46 -33
  23. package/components/video/_video.scss +4 -0
  24. package/components/video/video.dom.js +13 -0
  25. package/components/video/video.js +30 -0
  26. package/components/video/video.spec.js +72 -0
  27. package/css/main.css +3 -3
  28. package/css/print.css +1 -1
  29. package/js/main.js +2 -1
  30. package/package.json +2 -1
  31. package/scripts/main.es5.js +1 -1
  32. package/scripts/main.js +1 -1
  33. package/scss/main.scss +1 -1
  34. package/scss/objects/_page.scss +1 -1
  35. package/scss/objects/_spacing.scss +1 -1
  36. package/scss/overrides/hcm.scss +1 -1
  37. package/scss/print.scss +1 -1
  38. package/components/collapsible/collapsible.dom.js +0 -13
  39. package/components/collapsible/collapsible.js +0 -66
  40. package/components/collapsible/collapsible.spec.js +0 -103
package/css/print.css CHANGED
@@ -1 +1 @@
1
- html{--ons-color-black: #222}.ons-btn,.ons-navigation-search,.ons-summary__actions,.ons-footer,.ons-cookies-banner,.ons-language-links,.ons-breadcrumb{display:none !important}a::after{content:" (" attr(href) ") "}.ons-header__main,.ons-header__bottom{background:transparent}.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)}.ons-collapsible--initialised .ons-collapsible__icon{display:none}.ons-collapsible--initialised .ons-collapsible__title{color:var(--ons-color-black);margin-bottom:1rem;margin-left:-1.5rem;text-decoration:none}.ons-collapsible--initialised .ons-collapsible__content{display:block}.ons-hero{-webkit-print-color-adjust:exact;color-adjust:exact}
1
+ html{--ons-color-black: #222}.ons-btn,.ons-navigation-search,.ons-summary__actions,.ons-footer,.ons-cookies-banner,.ons-language-links,.ons-breadcrumb{display:none !important}a::after{content:" (" attr(href) ") "}.ons-header__main,.ons-header__bottom{background:transparent}.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)}.ons-details--initialised .ons-details__icon{display:none}.ons-details--initialised .ons-details__title{color:var(--ons-color-black);margin-bottom:1rem;margin-left:-1.5rem;text-decoration:none}.ons-details--initialised .ons-details__content{display:block}.ons-hero{-webkit-print-color-adjust:exact;color-adjust:exact}
package/js/main.js CHANGED
@@ -7,7 +7,7 @@ import '../components/password/password.dom';
7
7
  import '../components/tabs/tabs.dom';
8
8
  import '../components/table-of-contents/toc.dom';
9
9
  import '../components/accordion/accordion.dom';
10
- import '../components/collapsible/collapsible.dom';
10
+ 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';
@@ -26,3 +26,4 @@ import '../components/download-resources/download-resources';
26
26
  import '../components/modal/modal.dom';
27
27
  import '../components/timeout-modal/timeout-modal.dom';
28
28
  import '../components/timeout-panel/timeout-panel.dom';
29
+ import '../components/video/video.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": "60.0.3",
4
+ "version": "61.0.0",
5
5
  "main": "index.js",
6
6
  "license": "MIT",
7
7
  "author": {
@@ -11,6 +11,7 @@
11
11
  "start": "gulp start",
12
12
  "watch": "gulp watch",
13
13
  "test": "gulp build-assets-for-testing && TEST_PORT=3020 TEST_WITH_PUPPETEER=1 jest '.*\\.spec\\.js'",
14
+ "test:no-build": "TEST_PORT=3020 TEST_WITH_PUPPETEER=1 jest '.*\\.spec\\.js'",
14
15
  "test:with-log": "yarn test --no-color 2>test.log",
15
16
  "test:start-server": "TEST_PORT=3020 gulp start-dev-server",
16
17
  "build": "yarn && yarn tidy-clean && NODE_ENV=production gulp build",