@ons/design-system 73.8.0 → 73.9.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 (55) hide show
  1. package/README.md +3 -1
  2. package/components/header/_header.scss +1 -3
  3. package/components/header/_macro.njk +1 -1
  4. package/components/table/_macro.njk +1 -1
  5. package/components/table/_macro.spec.js +3 -14
  6. package/components/table/example-table-basic-no-caption.njk +46 -0
  7. package/components/table/example-table-basic-visually-hidden-caption.njk +47 -0
  8. package/components/table/table.spec.js +2 -0
  9. package/components/table-of-contents/_macro.njk +6 -4
  10. package/components/table-of-contents/_macro.spec.js +43 -3
  11. package/components/table-of-contents/example-table-of-contents-ordered.njk +64 -0
  12. package/components/table-of-contents/example-table-of-contents-sticky-full-page-ordered.njk +156 -0
  13. package/css/main.css +1 -1
  14. package/favicons/android-chrome-192x192.png +0 -0
  15. package/favicons/android-chrome-512x512.png +0 -0
  16. package/favicons/apple-touch-icon.png +0 -0
  17. package/favicons/favicon-16x16.png +0 -0
  18. package/favicons/favicon-32x32.png +0 -0
  19. package/favicons/favicon.ico +0 -0
  20. package/favicons/maskable_icon.png +0 -0
  21. package/favicons/opengraph.png +0 -0
  22. package/favicons/x.png +0 -0
  23. package/img/large/alison-pritchard-featured.jpg +0 -0
  24. package/img/large/alison-pritchard.jpg +0 -0
  25. package/img/large/census-monuments-lights-featured.jpg +0 -0
  26. package/img/large/census-monuments-lights.jpg +0 -0
  27. package/img/large/mother-and-daughter-in-ireland.jpg +0 -0
  28. package/img/large/mum-and-child-healthcare-belfast.jpg +0 -0
  29. package/img/large/ons-award-winners.jpg +0 -0
  30. package/img/large/placeholder-card.png +0 -0
  31. package/img/large/placeholder-news-medium.png +0 -0
  32. package/img/large/placeholder-news.png +0 -0
  33. package/img/large/placeholder-portrait.png +0 -0
  34. package/img/large/students.jpg +0 -0
  35. package/img/large/woman-in-purple-dress-shirt.jpg +0 -0
  36. package/img/small/alison-pritchard-featured.jpg +0 -0
  37. package/img/small/alison-pritchard.jpg +0 -0
  38. package/img/small/area-chart-screenshot.png +0 -0
  39. package/img/small/census-monuments-lights-featured.jpg +0 -0
  40. package/img/small/census-monuments-lights.jpg +0 -0
  41. package/img/small/line-chart-screenshot.png +0 -0
  42. package/img/small/mother-and-daughter-in-ireland.jpg +0 -0
  43. package/img/small/mum-and-child-healthcare-belfast.jpg +0 -0
  44. package/img/small/ons-award-winners.jpg +0 -0
  45. package/img/small/placeholder-card.png +0 -0
  46. package/img/small/placeholder-news-medium.png +0 -0
  47. package/img/small/placeholder-news.png +0 -0
  48. package/img/small/placeholder-portrait.png +0 -0
  49. package/img/small/students.jpg +0 -0
  50. package/img/small/woman-in-purple-dress-shirt.jpg +0 -0
  51. package/layout/_template.njk +8 -1
  52. package/package.json +22 -17
  53. package/scripts/main.es5.js +3 -3
  54. package/scripts/main.js +2 -2
  55. package/scss/base/_global.scss +8 -0
package/scss/base/_global.scss CHANGED
@@ -17,6 +17,14 @@ body {
17
17
  height: 100%;
18
18
  margin: 0;
19
19
  position: relative;
20
+
21
+ padding-top: env(safe-area-inset-top, 0px);
22
+ padding-bottom: env(safe-area-inset-bottom, 0px);
23
+
24
+ @media (orientation: landscape) {
25
+ padding-left: env(safe-area-inset-left, 0px);
26
+ padding-right: env(safe-area-inset-right, 0px);
27
+ }
20
28
  }
21
29
 
22
30
  img {