@ons/design-system 56.0.1 → 57.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 (52) hide show
  1. package/components/button/_macro.njk +1 -1
  2. package/components/button/_macro.spec.js +0 -10
  3. package/components/checkboxes/_checkbox-macro.njk +2 -2
  4. package/components/checkboxes/_checkbox-macro.spec.js +2 -2
  5. package/components/checkboxes/checkbox-with-fieldset.js +7 -9
  6. package/components/checkboxes/checkboxes.dom.js +3 -3
  7. package/components/date-input/_macro.spec.js +1 -2
  8. package/components/duration/_macro.spec.js +1 -2
  9. package/components/error/_macro.njk +1 -2
  10. package/components/navigation/_macro.njk +6 -6
  11. package/components/navigation/_macro.spec.js +39 -20
  12. package/components/panel/_macro.njk +1 -1
  13. package/components/panel/_macro.spec.js +14 -7
  14. package/components/radios/_macro.njk +2 -2
  15. package/components/radios/_macro.spec.js +2 -2
  16. package/components/radios/radio-with-fieldset.js +29 -0
  17. package/components/radios/radios.dom.js +7 -8
  18. package/components/radios/radios.spec.js +185 -77
  19. package/components/section-navigation/_macro.njk +1 -1
  20. package/components/summary/_summary.scss +4 -4
  21. package/css/census.css +243 -3
  22. package/css/error.css +1 -1
  23. package/css/ids.css +243 -2
  24. package/css/main.css +243 -1
  25. package/css/print.css +1 -1
  26. package/img/UKOpenGovernmentLicence-grey.svg +4 -1
  27. package/img/UKOpenGovernmentLicence.svg +13 -1
  28. package/img/card-placeholder.svg +14 -1
  29. package/img/census-landscape.svg +4514 -1
  30. package/img/census-logo-stacked-pos-billingual.png +0 -0
  31. package/img/census-logo-stacked-pos-cy.png +0 -0
  32. package/img/census-logo-stacked-pos-en.png +0 -0
  33. package/img/census-promo-banner.svg +489 -1
  34. package/img/circle-lines.svg +31 -1
  35. package/img/dummy-brand-logo.svg +6 -1
  36. package/img/icons--check.svg +3 -1
  37. package/img/icons--chevron-down.svg +3 -1
  38. package/img/its-about-us--dark.svg +4 -1
  39. package/img/its-about-us--light.svg +4 -1
  40. package/img/logo.svg +77 -1
  41. package/img/ni-syn-cyfrif--dark.svg +3 -1
  42. package/img/ni-syn-cyfrif--light.svg +3 -1
  43. package/img/nisra-logo-black-en.svg +4 -1
  44. package/img/ogl.svg +10 -1
  45. package/img/ons-logo-black-cy.svg +4 -1
  46. package/img/ons-logo-black-en.svg +4 -1
  47. package/img/people-mob.png +0 -0
  48. package/img/people.png +0 -0
  49. package/img/rehearsal-areas.svg +11 -1
  50. package/package.json +1 -4
  51. package/scripts/main.es5.js +1 -1
  52. package/scripts/main.js +1 -1
package/css/print.css CHANGED
@@ -1 +1 @@
1
- .ons-breadcrumb,.ons-btn,.ons-cookies-banner,.ons-footer,.ons-language-links,.ons-summary__actions{display:none!important}a:after{content:" (" attr(href) ") "}.ons-header__bottom,.ons-header__main{background:transparent}.ons-header__title{color:#222}.ons-header-nav{display:block}.ons-header-nav__item{display:inline-block}.ons-header-nav__item--active{border:0}.ons-header-nav__link,.ons-header-nav__link:hover{color:#222}.ons-header .ons-header__svg-logo{fill:#222}.ons-collapsible--initialised .ons-collapsible__icon{display:none}.ons-collapsible--initialised .ons-collapsible__title{color:#222;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
+ .ons-btn,.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:#222}.ons-header-nav{display:block}.ons-header-nav__item{display:inline-block}.ons-header-nav__item--active{border:0}.ons-header-nav__link,.ons-header-nav__link:hover{color:#222}.ons-header .ons-header__svg-logo{fill:#222}.ons-collapsible--initialised .ons-collapsible__icon{display:none}.ons-collapsible--initialised .ons-collapsible__title{color:#222;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 +1,4 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="60" height="24"><path d="M51.7 17.5V0l-6.2 4v19.8h13.8v-6.2h-7.6zm-15-1.2c-1 .9-2.4 1.4-3.8 1.4-3.2 0-5.8-2.6-5.8-5.8s2.6-5.8 5.8-5.8c2 0 3.9 1.1 4.9 2.7L43 5.6C40.9 2.2 37.1 0 32.9 0c-4.5 0-8.4 2.5-10.4 6.1C20.4 2.5 16.5 0 12 0 5.4 0 0 5.4 0 12s5.4 12 12 12c4.5 0 8.4-2.5 10.4-6.1 2.1 3.6 6 6.1 10.4 6.1 3 0 5.8-1.1 7.9-3l2.4 2.7h.4V13h-9.8l3 3.3zM12 17.8c-3.2 0-5.8-2.6-5.8-5.8S8.8 6.2 12 6.2s5.8 2.6 5.8 5.8-2.6 5.8-5.8 5.8" fill="#595959"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="60px" height="24px" viewBox="0 0 60 24">
2
+ <title>UK Open Government Licence</title>
3
+ <path d="M51.7,17.5V0l-6.2,4v19.8h13.8v-6.2H51.7z M36.7,16.3c-1,0.9-2.4,1.4-3.8,1.4c-3.2,0-5.8-2.6-5.8-5.8s2.6-5.8,5.8-5.8c2,0,3.9,1.1,4.9,2.7L43,5.6C40.9,2.2,37.1,0,32.9,0c-4.5,0-8.4,2.5-10.4,6.1C20.4,2.5,16.5,0,12,0C5.4,0,0,5.4,0,12s5.4,12,12,12c4.5,0,8.4-2.5,10.4-6.1c2.1,3.6,6,6.1,10.4,6.1c3,0,5.8-1.1,7.9-3l2.4,2.7h0.4V13h-9.8L36.7,16.3zM12,17.8c-3.2,0-5.8-2.6-5.8-5.8S8.8,6.2,12,6.2s5.8,2.6,5.8,5.8S15.2,17.8,12,17.8" fill="#595959"></path>
4
+ </svg>
@@ -1 +1,13 @@
1
- <svg width="484" height="196" xmlns="http://www.w3.org/2000/svg"><g fill="#FFF" fill-rule="nonzero"><path d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zM299.2 133.2c-8.3 7.3-19.2 11.7-31.1 11.7-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1c16.7 0 31.4 8.7 39.7 21.8l42.7-27.2C333.2 18.1 302.7 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7C166.2 20.1 134.3 0 97.8 0 43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7 16.8 29.7 48.7 49.7 85.1 49.7 24.7 0 47.3-9.2 64.5-24.3l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145z"/></g></svg>
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="484px" height="196px" viewBox="0 0 484 196" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
4
+ <title>UKOpenGovernmentLicence</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <defs></defs>
7
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8
+ <g id="UKOpenGovernmentLicence" fill="#FFFFFF" fill-rule="nonzero">
9
+ <polygon id="Shape" points="421.5 142.8 421.5 0.1 370.8 32.4 370.8 193.5 483.2 193.5 483.2 142.8"></polygon>
10
+ <path d="M299.2,133.2 C290.9,140.5 280,144.9 268.1,144.9 C242.1,144.9 221,123.8 221,97.8 C221,71.8 242.1,50.7 268.1,50.7 C284.8,50.7 299.5,59.4 307.8,72.5 L350.5,45.3 C333.2,18.1 302.7,0 268.1,0 C231.6,0 199.8,20.1 183,49.7 C166.2,20.1 134.3,0 97.8,0 C43.9,0 0,43.9 0,97.8 C0,151.7 43.9,195.6 97.8,195.6 C134.3,195.6 166.1,175.5 182.9,145.9 C199.7,175.6 231.6,195.6 268,195.6 C292.7,195.6 315.3,186.4 332.5,171.3 L351.9,193.5 L354.9,193.5 L354.9,105.7 L274.9,105.7 L299.2,133.2 Z M97.8,145 C71.8,145 50.7,123.9 50.7,97.9 C50.7,71.9 71.8,50.8 97.8,50.8 C123.8,50.8 145,71.8 145,97.8 C145,123.8 123.8,145 97.8,145 Z" id="Shape"></path>
11
+ </g>
12
+ </g>
13
+ </svg>
@@ -1 +1,14 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 648 432"><path fill="#D0D0D0" d="M0 0h648v432H0V0z"/><path fill="#888" d="M304.3 196.9c0 4.3-1.3 7.9-3.9 10.9-2.6 3-6.2 5.1-10.9 6.2v.3c5.5.7 9.7 2.4 12.6 5 2.8 2.7 4.3 6.3 4.3 10.8 0 6.6-2.4 11.7-7.2 15.4s-11.6 5.5-20.5 5.5c-7.4 0-14-1.2-19.8-3.7V235c2.7 1.3 5.6 2.4 8.8 3.3s6.3 1.3 9.5 1.3c4.8 0 8.3-.8 10.6-2.4 2.3-1.6 3.4-4.2 3.4-7.8 0-3.2-1.3-5.5-3.9-6.8s-6.8-2-12.6-2h-5.2v-11.1h5.3c5.3 0 9.2-.7 11.6-2.1 2.5-1.4 3.7-3.8 3.7-7.1 0-5.2-3.3-7.8-9.8-7.8-2.2 0-4.5.4-6.9 1.1-2.3.8-4.9 2-7.8 3.9l-6.7-10c6.2-4.5 13.7-6.8 22.4-6.8 7.1 0 12.7 1.4 16.8 4.3 4.1 2.8 6.2 6.8 6.2 11.9zm11.2 7.8c0-2.6.7-4.6 2.1-6s3.5-2 6.1-2c2.6 0 4.6.7 6 2.1s2.1 3.3 2.1 5.9c0 2.5-.7 4.5-2.2 5.9s-3.4 2.1-6 2.1-4.7-.7-6.1-2.1c-1.3-1.4-2-3.3-2-5.9zm0 38.7c0-2.6.7-4.6 2.1-6s3.5-2 6.1-2c2.6 0 4.6.7 6 2.1s2.1 3.3 2.1 5.9c0 2.5-.7 4.4-2.2 5.8s-3.4 2.1-6 2.1-4.7-.7-6.1-2.1c-1.3-1.3-2-3.2-2-5.8zm73.6 6.7h-47.9V240l17.2-17.4c5.1-5.2 8.4-8.8 10-10.9s2.7-3.9 3.4-5.6 1-3.5 1-5.3c0-2.8-.8-4.8-2.3-6.1s-3.5-2-6.1-2c-2.7 0-5.2.6-7.7 1.8s-5.1 3-7.8 5.2l-7.9-9.3c3.4-2.9 6.2-4.9 8.4-6.1s4.6-2.1 7.3-2.7 5.6-1 8.8-1c4.3 0 8.1.8 11.3 2.3s5.8 3.8 7.6 6.6 2.7 6 2.7 9.7c0 3.2-.6 6.1-1.7 8.9s-2.8 5.6-5.2 8.5-6.4 7-12.3 12.4l-8.8 8.3v.7H389v12.1z"/></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 648 432">
2
+ <path fill="#D0D0D0" d="M0,0h648v432H0V0z"/>
3
+ <path fill="#888888" d="M304.3,196.9c0,4.3-1.3,7.9-3.9,10.9c-2.6,3-6.2,5.1-10.9,6.2v0.3c5.5,0.7,9.7,2.4,12.6,5
4
+ c2.8,2.7,4.3,6.3,4.3,10.8c0,6.6-2.4,11.7-7.2,15.4s-11.6,5.5-20.5,5.5c-7.4,0-14-1.2-19.8-3.7V235c2.7,1.3,5.6,2.4,8.8,3.3
5
+ s6.3,1.3,9.5,1.3c4.8,0,8.3-0.8,10.6-2.4c2.3-1.6,3.4-4.2,3.4-7.8c0-3.2-1.3-5.5-3.9-6.8s-6.8-2-12.6-2h-5.2v-11.1h5.3
6
+ c5.3,0,9.2-0.7,11.6-2.1c2.5-1.4,3.7-3.8,3.7-7.1c0-5.2-3.3-7.8-9.8-7.8c-2.2,0-4.5,0.4-6.9,1.1c-2.3,0.8-4.9,2-7.8,3.9l-6.7-10
7
+ c6.2-4.5,13.7-6.8,22.4-6.8c7.1,0,12.7,1.4,16.8,4.3C302.2,187.8,304.3,191.8,304.3,196.9z M315.5,204.7c0-2.6,0.7-4.6,2.1-6
8
+ s3.5-2,6.1-2c2.6,0,4.6,0.7,6,2.1s2.1,3.3,2.1,5.9c0,2.5-0.7,4.5-2.2,5.9s-3.4,2.1-6,2.1c-2.6,0-4.7-0.7-6.1-2.1
9
+ C316.2,209.2,315.5,207.3,315.5,204.7z M315.5,243.4c0-2.6,0.7-4.6,2.1-6s3.5-2,6.1-2c2.6,0,4.6,0.7,6,2.1s2.1,3.3,2.1,5.9
10
+ c0,2.5-0.7,4.4-2.2,5.8s-3.4,2.1-6,2.1c-2.6,0-4.7-0.7-6.1-2.1C316.2,247.9,315.5,246,315.5,243.4z M389.1,250.1h-47.9V240
11
+ l17.2-17.4c5.1-5.2,8.4-8.8,10-10.9s2.7-3.9,3.4-5.6s1-3.5,1-5.3c0-2.8-0.8-4.8-2.3-6.1s-3.5-2-6.1-2c-2.7,0-5.2,0.6-7.7,1.8
12
+ s-5.1,3-7.8,5.2l-7.9-9.3c3.4-2.9,6.2-4.9,8.4-6.1s4.6-2.1,7.3-2.7s5.6-1,8.8-1c4.3,0,8.1,0.8,11.3,2.3s5.8,3.8,7.6,6.6
13
+ s2.7,6,2.7,9.7c0,3.2-0.6,6.1-1.7,8.9s-2.8,5.6-5.2,8.5s-6.4,7-12.3,12.4l-8.8,8.3v0.7h29.9V250.1z"/>
14
+ </svg>