@ons/design-system 74.0.0-next.1 → 74.0.0-next.11

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 (139) hide show
  1. package/README.md +15 -3
  2. package/components/access-code/example-access-code-error.njk +2 -2
  3. package/components/access-code/example-access-code.njk +2 -2
  4. package/components/address-input/_macro.njk +6 -6
  5. package/components/address-input/_macro.spec.js +0 -3
  6. package/components/address-input/autosuggest.address.spec.js +23 -0
  7. package/components/address-output/_macro.njk +1 -1
  8. package/components/announcement-banner/_announcement-banner.scss +5 -0
  9. package/components/autosuggest/_autosuggest.scss +8 -0
  10. package/components/autosuggest/autosuggest.ui.js +11 -5
  11. package/components/back-to-top/_back-to-top.scss +7 -0
  12. package/components/back-to-top/_macro.njk +1 -1
  13. package/components/back-to-top/example-full-page-back-to-top.njk +1 -1
  14. package/components/breadcrumbs/_breadcrumbs.scss +4 -7
  15. package/components/breadcrumbs/_macro.njk +29 -25
  16. package/components/breadcrumbs/_macro.spec.js +39 -0
  17. package/components/breadcrumbs/example-breadcrumbs-wide.njk +52 -0
  18. package/components/char-check-limit/_macro.njk +16 -14
  19. package/components/chart/_chart.scss +0 -9
  20. package/components/chart/_macro.njk +96 -128
  21. package/components/chart/_macro.spec.js +43 -28
  22. package/components/chart/example-area-chart-with-axis-min-and-max-values.njk +6 -3
  23. package/components/chart/example-area-chart.njk +6 -3
  24. package/components/chart/example-bar-chart-with-annotations.njk +6 -3
  25. package/components/chart/example-bar-chart-with-axis-min-and-max-values.njk +6 -3
  26. package/components/chart/example-bar-chart-with-point-range-and-reference-line-annotations.njk +6 -3
  27. package/components/chart/example-bar-chart.njk +6 -3
  28. package/components/chart/example-bar-with-confidence-levels.njk +6 -3
  29. package/components/chart/example-clustered-bar-chart.njk +6 -3
  30. package/components/chart/example-clustered-column-chart.njk +6 -3
  31. package/components/chart/example-column-chart-with-annotations.njk +6 -3
  32. package/components/chart/example-column-chart-with-axis-min-and-max-values.njk +6 -3
  33. package/components/chart/example-column-chart-with-custom-reference-line-value.njk +6 -3
  34. package/components/chart/example-column-chart-with-range-annotations.njk +6 -3
  35. package/components/chart/example-column-chart-with-reference-line-annotations.njk +6 -3
  36. package/components/chart/example-column-chart.njk +6 -3
  37. package/components/chart/example-column-with-confidence-levels.njk +6 -3
  38. package/components/chart/example-column-with-line-chart.njk +6 -3
  39. package/components/chart/example-iframe-chart.njk +6 -3
  40. package/components/chart/example-line-chart-with-annotations.njk +6 -3
  41. package/components/chart/example-line-chart-with-axis-min-and-max-values.njk +6 -3
  42. package/components/chart/example-line-chart-with-custom-reference-line-value.njk +6 -3
  43. package/components/chart/example-line-chart-with-label-format.njk +6 -3
  44. package/components/chart/example-line-chart-with-markers.njk +6 -3
  45. package/components/chart/example-line-chart-with-range-annotations-inside.njk +6 -3
  46. package/components/chart/example-line-chart-with-range-annotations-outside-left-right.njk +6 -3
  47. package/components/chart/example-line-chart-with-range-annotations-outside-top-bottom.njk +6 -3
  48. package/components/chart/example-line-chart-with-reference-line-annotations.njk +6 -3
  49. package/components/chart/example-line-chart.njk +6 -3
  50. package/components/chart/example-scatter-chart-with-axis-min-and-max-values.njk +6 -3
  51. package/components/chart/example-scatter-chart.njk +6 -3
  52. package/components/chart/example-stacked-bar-chart.njk +6 -3
  53. package/components/chart/example-stacked-column-chart.njk +6 -3
  54. package/components/details/_details.scss +9 -0
  55. package/components/details/example-details-with-warning.njk +1 -1
  56. package/components/document-list/_macro.njk +2 -2
  57. package/components/document-list/_macro.spec.js +55 -0
  58. package/components/featured-article/_macro.njk +6 -40
  59. package/components/featured-article/example-featured-article-with-chart.njk +19 -14
  60. package/components/featured-article/example-featured-article-with-image.njk +12 -7
  61. package/components/featured-article/featured-article.scss +1 -1
  62. package/components/featured-article/macro.spec.js +46 -69
  63. package/components/feedback/_macro.njk +4 -1
  64. package/components/feedback/_macro.spec.js +1 -1
  65. package/components/figure/_figure.scss +32 -0
  66. package/components/figure/_macro.njk +98 -0
  67. package/components/figure/_macro.spec.js +520 -0
  68. package/components/figure/example-figure-heading-level-2.njk +34 -0
  69. package/components/figure/example-figure-with-div.njk +29 -0
  70. package/components/figure/example-figure-without-footer.njk +12 -0
  71. package/components/figure/example-figure-without-header.njk +24 -0
  72. package/components/figure/example-figure.njk +34 -0
  73. package/components/footer/_macro.njk +5 -2
  74. package/components/header/_header.scss +1 -3
  75. package/components/header/_macro.njk +8 -4
  76. package/components/header/_macro.spec.js +48 -0
  77. package/components/hero/_hero.scss +4 -0
  78. package/components/hero/_macro.njk +3 -2
  79. package/components/hero/_macro.spec.js +36 -0
  80. package/components/hero/example-hero-dark-wide.njk +17 -0
  81. package/components/hero/example-hero-dark-with-external-breadcrumbs.njk +17 -21
  82. package/components/hero/example-hero-default-full-width.njk +16 -0
  83. package/components/hero/example-hero-default-with-external-breadcrumbs.njk +165 -169
  84. package/components/hero/example-hero-grey-with-external-breadcrumbs.njk +207 -211
  85. package/components/hero/example-hero-navy-blue-with-external-breadcrumbs.njk +163 -167
  86. package/components/hero/example-hero-pale-blue-with-external-breadcrumbs.njk +165 -169
  87. package/components/image/_image.scss +0 -7
  88. package/components/image/_macro.njk +25 -14
  89. package/components/image/_macro.spec.js +122 -7
  90. package/components/image/example-image-with-figure-fields.njk +25 -0
  91. package/components/input/_input.scss +4 -0
  92. package/components/input/_macro.njk +4 -1
  93. package/components/label/_label.scss +3 -0
  94. package/components/list/_list.scss +5 -0
  95. package/components/list/_macro.njk +1 -0
  96. package/components/list/_macro.spec.js +16 -0
  97. package/components/message-list/_message-list.scss +2 -0
  98. package/components/panel/_macro.njk +1 -1
  99. package/components/panel/_panel.scss +8 -0
  100. package/components/panel/example-panel-bare.njk +1 -1
  101. package/components/phase-banner/_phase-banner.scss +1 -0
  102. package/components/question/example-question-ccs.njk +1 -1
  103. package/components/question/example-question-fieldset.njk +1 -1
  104. package/components/question/example-question-interviewer-note.njk +1 -1
  105. package/components/question/example-question-no-fieldset.njk +1 -1
  106. package/components/quote/_macro.njk +1 -1
  107. package/components/relationships/example-relationships-error.njk +1 -1
  108. package/components/relationships/example-relationships-you.njk +1 -1
  109. package/components/relationships/example-relationships.njk +1 -1
  110. package/components/skip-to-content/_macro.njk +1 -1
  111. package/components/skip-to-content/_skip.scss +8 -0
  112. package/components/table/_macro.njk +138 -111
  113. package/components/table/_macro.spec.js +175 -16
  114. package/components/table/_table.scss +6 -1
  115. package/components/table/example-table-basic-no-caption.njk +46 -0
  116. package/components/table/example-table-basic-visually-hidden-caption.njk +47 -0
  117. package/components/table/example-table-with-figure-fields.njk +86 -0
  118. package/components/table/table.spec.js +2 -0
  119. package/components/table-of-contents/_macro.njk +6 -4
  120. package/components/table-of-contents/_macro.spec.js +43 -3
  121. package/components/table-of-contents/example-table-of-contents-ordered.njk +64 -0
  122. package/components/table-of-contents/example-table-of-contents-sticky-full-page-ordered.njk +156 -0
  123. package/components/table-of-contents/example-table-of-contents-sticky-full-page.njk +1 -1
  124. package/components/table-of-contents/table-of-contents.spec.js +4 -5
  125. package/css/main.css +1 -1
  126. package/layout/_template.njk +66 -46
  127. package/package.json +45 -36
  128. package/scripts/main.es5.js +3 -3
  129. package/scripts/main.js +2 -2
  130. package/scss/base/_global.scss +8 -0
  131. package/scss/base/_typography.scss +9 -0
  132. package/scss/helpers/_mixins.scss +8 -0
  133. package/scss/main.scss +1 -0
  134. package/scss/objects/_page.scss +1 -1
  135. package/scss/objects/_spacing.scss +0 -4
  136. package/scss/utilities/_utilities.scss +10 -0
  137. package/scss/vars/_forms.scss +2 -1
  138. package/scss/vars/_index.scss +1 -0
  139. package/scss/vars/_utilities.scss +2 -0
package/components/chart/example-clustered-column-chart.njk CHANGED
@@ -14,15 +14,18 @@
14
14
  'itemsList': [
15
15
  {
16
16
  "text": "Excel spreadsheet (XLSX format, 18KB)",
17
- "url": "#"
17
+ "url": "#",
18
+ "download": "file"
18
19
  },
19
20
  {
20
21
  "text": "Simple text file (CSV format, 25KB)",
21
- "url": "#"
22
+ "url": "#",
23
+ "download": "file"
22
24
  },
23
25
  {
24
26
  "text": "Image (PNG format, 25KB)",
25
- "url": "#"
27
+ "url": "#",
28
+ "download": "file"
26
29
  }
27
30
  ]
28
31
  },
package/components/chart/example-column-chart-with-annotations.njk CHANGED
@@ -14,15 +14,18 @@
14
14
  'itemsList': [
15
15
  {
16
16
  "text": "Excel spreadsheet (XLSX format, 18KB)",
17
- "url": "#"
17
+ "url": "#",
18
+ "download": "file"
18
19
  },
19
20
  {
20
21
  "text": "Simple text file (CSV format, 25KB)",
21
- "url": "#"
22
+ "url": "#",
23
+ "download": "file"
22
24
  },
23
25
  {
24
26
  "text": "Image (PNG format, 25KB)",
25
- "url": "#"
27
+ "url": "#",
28
+ "download": "file"
26
29
  }
27
30
  ]
28
31
  },
package/components/chart/example-column-chart-with-axis-min-and-max-values.njk CHANGED
@@ -14,15 +14,18 @@
14
14
  'itemsList': [
15
15
  {
16
16
  "text": "Excel spreadsheet (XLSX format, 18KB)",
17
- "url": "#"
17
+ "url": "#",
18
+ "download": "file"
18
19
  },
19
20
  {
20
21
  "text": "Simple text file (CSV format, 25KB)",
21
- "url": "#"
22
+ "url": "#",
23
+ "download": "file"
22
24
  },
23
25
  {
24
26
  "text": "Image (PNG format, 25KB)",
25
- "url": "#"
27
+ "url": "#",
28
+ "download": "file"
26
29
  }
27
30
  ]
28
31
  },
package/components/chart/example-column-chart-with-custom-reference-line-value.njk CHANGED
@@ -14,15 +14,18 @@
14
14
  'itemsList': [
15
15
  {
16
16
  "text": "Excel spreadsheet (XLSX format, 18KB)",
17
- "url": "#"
17
+ "url": "#",
18
+ "download": "file"
18
19
  },
19
20
  {
20
21
  "text": "Simple text file (CSV format, 25KB)",
21
- "url": "#"
22
+ "url": "#",
23
+ "download": "file"
22
24
  },
23
25
  {
24
26
  "text": "Image (PNG format, 25KB)",
25
- "url": "#"
27
+ "url": "#",
28
+ "download": "file"
26
29
  }
27
30
  ]
28
31
  },
package/components/chart/example-column-chart-with-range-annotations.njk CHANGED
@@ -14,15 +14,18 @@
14
14
  'itemsList': [
15
15
  {
16
16
  "text": "Excel spreadsheet (XLSX format, 18KB)",
17
- "url": "#"
17
+ "url": "#",
18
+ "download": "file"
18
19
  },
19
20
  {
20
21
  "text": "Simple text file (CSV format, 25KB)",
21
- "url": "#"
22
+ "url": "#",
23
+ "download": "file"
22
24
  },
23
25
  {
24
26
  "text": "Image (PNG format, 25KB)",
25
- "url": "#"
27
+ "url": "#",
28
+ "download": "file"
26
29
  }
27
30
  ]
28
31
  },
package/components/chart/example-column-chart-with-reference-line-annotations.njk CHANGED
@@ -14,15 +14,18 @@
14
14
  'itemsList': [
15
15
  {
16
16
  "text": "Excel spreadsheet (XLSX format, 18KB)",
17
- "url": "#"
17
+ "url": "#",
18
+ "download": "file"
18
19
  },
19
20
  {
20
21
  "text": "Simple text file (CSV format, 25KB)",
21
- "url": "#"
22
+ "url": "#",
23
+ "download": "file"
22
24
  },
23
25
  {
24
26
  "text": "Image (PNG format, 25KB)",
25
- "url": "#"
27
+ "url": "#",
28
+ "download": "file"
26
29
  }
27
30
  ]
28
31
  },
package/components/chart/example-column-chart.njk CHANGED
@@ -14,15 +14,18 @@
14
14
  'itemsList': [
15
15
  {
16
16
  "text": "Excel spreadsheet (XLSX format, 18KB)",
17
- "url": "#"
17
+ "url": "#",
18
+ "download": "file"
18
19
  },
19
20
  {
20
21
  "text": "Simple text file (CSV format, 25KB)",
21
- "url": "#"
22
+ "url": "#",
23
+ "download": "file"
22
24
  },
23
25
  {
24
26
  "text": "Image (PNG format, 25KB)",
25
- "url": "#"
27
+ "url": "#",
28
+ "download": "file"
26
29
  }
27
30
  ]
28
31
  },
package/components/chart/example-column-with-confidence-levels.njk CHANGED
@@ -13,15 +13,18 @@
13
13
  'itemsList': [
14
14
  {
15
15
  "text": "Excel spreadsheet (XLSX format, 18KB)",
16
- "url": "#"
16
+ "url": "#",
17
+ "download": "file"
17
18
  },
18
19
  {
19
20
  "text": "Simple text file (CSV format, 25KB)",
20
- "url": "#"
21
+ "url": "#",
22
+ "download": "file"
21
23
  },
22
24
  {
23
25
  "text": "Image (PNG format, 25KB)",
24
- "url": "#"
26
+ "url": "#",
27
+ "download": "file"
25
28
  }
26
29
  ]
27
30
  },
package/components/chart/example-column-with-line-chart.njk CHANGED
@@ -14,15 +14,18 @@
14
14
  'itemsList': [
15
15
  {
16
16
  "text": "Excel spreadsheet (XLSX format, 18KB)",
17
- "url": "#"
17
+ "url": "#",
18
+ "download": "file"
18
19
  },
19
20
  {
20
21
  "text": "Simple text file (CSV format, 25KB)",
21
- "url": "#"
22
+ "url": "#",
23
+ "download": "file"
22
24
  },
23
25
  {
24
26
  "text": "Image (PNG format, 25KB)",
25
- "url": "#"
27
+ "url": "#",
28
+ "download": "file"
26
29
  }
27
30
  ]
28
31
  },
package/components/chart/example-iframe-chart.njk CHANGED
@@ -15,15 +15,18 @@ may not be available in the future once Florence is decommissioned. #}
15
15
  'itemsList': [
16
16
  {
17
17
  "text": "Excel spreadsheet (XLSX format, 18KB)",
18
- "url": "#"
18
+ "url": "#",
19
+ "download": "file"
19
20
  },
20
21
  {
21
22
  "text": "Simple text file (CSV format, 25KB)",
22
- "url": "#"
23
+ "url": "#",
24
+ "download": "file"
23
25
  },
24
26
  {
25
27
  "text": "Image (PNG format, 25KB)",
26
- "url": "#"
28
+ "url": "#",
29
+ "download": "file"
27
30
  }
28
31
  ]
29
32
  },
package/components/chart/example-line-chart-with-annotations.njk CHANGED
@@ -15,16 +15,19 @@
15
15
  'itemsList': [
16
16
  {
17
17
  "text": "Excel spreadsheet (XLSX format, 18KB)",
18
- "url": "#"
18
+ "url": "#",
19
+ "download": "file"
19
20
  },
20
21
  {
21
22
  "text": "Simple text file (CSV format, 25KB)",
22
- "url": "#"
23
+ "url": "#",
24
+ "download": "file"
23
25
  },
24
26
  {
25
27
 
26
28
  "text": "Image (PNG format, 25KB)",
27
- "url": "#"
29
+ "url": "#",
30
+ "download": "file"
28
31
  }
29
32
  ]},
30
33
  "legend": true,
package/components/chart/example-line-chart-with-axis-min-and-max-values.njk CHANGED
@@ -15,16 +15,19 @@
15
15
  'itemsList': [
16
16
  {
17
17
  "text": "Excel spreadsheet (XLSX format, 18KB)",
18
- "url": "#"
18
+ "url": "#",
19
+ "download": "file"
19
20
  },
20
21
  {
21
22
  "text": "Simple text file (CSV format, 25KB)",
22
- "url": "#"
23
+ "url": "#",
24
+ "download": "file"
23
25
  },
24
26
  {
25
27
 
26
28
  "text": "Image (PNG format, 25KB)",
27
- "url": "#"
29
+ "url": "#",
30
+ "download": "file"
28
31
  }
29
32
  ]},
30
33
  "legend": true,
package/components/chart/example-line-chart-with-custom-reference-line-value.njk CHANGED
@@ -15,16 +15,19 @@
15
15
  'itemsList': [
16
16
  {
17
17
  "text": "Excel spreadsheet (XLSX format, 18KB)",
18
- "url": "#"
18
+ "url": "#",
19
+ "download": "file"
19
20
  },
20
21
  {
21
22
  "text": "Simple text file (CSV format, 25KB)",
22
- "url": "#"
23
+ "url": "#",
24
+ "download": "file"
23
25
  },
24
26
  {
25
27
 
26
28
  "text": "Image (PNG format, 25KB)",
27
- "url": "#"
29
+ "url": "#",
30
+ "download": "file"
28
31
  }
29
32
  ]},
30
33
  "legend": true,
package/components/chart/example-line-chart-with-label-format.njk CHANGED
@@ -15,16 +15,19 @@
15
15
  'itemsList': [
16
16
  {
17
17
  "text": "Excel spreadsheet (XLSX format, 18KB)",
18
- "url": "#"
18
+ "url": "#",
19
+ "download": "file"
19
20
  },
20
21
  {
21
22
  "text": "Simple text file (CSV format, 25KB)",
22
- "url": "#"
23
+ "url": "#",
24
+ "download": "file"
23
25
  },
24
26
  {
25
27
 
26
28
  "text": "Image (PNG format, 25KB)",
27
- "url": "#"
29
+ "url": "#",
30
+ "download": "file"
28
31
  }
29
32
  ]},
30
33
  "footnotes": {
package/components/chart/example-line-chart-with-markers.njk CHANGED
@@ -15,16 +15,19 @@
15
15
  'itemsList': [
16
16
  {
17
17
  "text": "Excel spreadsheet (XLSX format, 18KB)",
18
- "url": "#"
18
+ "url": "#",
19
+ "download": "file"
19
20
  },
20
21
  {
21
22
  "text": "Simple text file (CSV format, 25KB)",
22
- "url": "#"
23
+ "url": "#",
24
+ "download": "file"
23
25
  },
24
26
  {
25
27
 
26
28
  "text": "Image (PNG format, 25KB)",
27
- "url": "#"
29
+ "url": "#",
30
+ "download": "file"
28
31
  }
29
32
  ]},
30
33
  "legend": true,
package/components/chart/example-line-chart-with-range-annotations-inside.njk CHANGED
@@ -15,16 +15,19 @@
15
15
  'itemsList': [
16
16
  {
17
17
  "text": "Excel spreadsheet (XLSX format, 18KB)",
18
- "url": "#"
18
+ "url": "#",
19
+ "download": "file"
19
20
  },
20
21
  {
21
22
  "text": "Simple text file (CSV format, 25KB)",
22
- "url": "#"
23
+ "url": "#",
24
+ "download": "file"
23
25
  },
24
26
  {
25
27
 
26
28
  "text": "Image (PNG format, 25KB)",
27
- "url": "#"
29
+ "url": "#",
30
+ "download": "file"
28
31
  }
29
32
  ]},
30
33
  "legend": true,
package/components/chart/example-line-chart-with-range-annotations-outside-left-right.njk CHANGED
@@ -15,16 +15,19 @@
15
15
  'itemsList': [
16
16
  {
17
17
  "text": "Excel spreadsheet (XLSX format, 18KB)",
18
- "url": "#"
18
+ "url": "#",
19
+ "download": "file"
19
20
  },
20
21
  {
21
22
  "text": "Simple text file (CSV format, 25KB)",
22
- "url": "#"
23
+ "url": "#",
24
+ "download": "file"
23
25
  },
24
26
  {
25
27
 
26
28
  "text": "Image (PNG format, 25KB)",
27
- "url": "#"
29
+ "url": "#",
30
+ "download": "file"
28
31
  }
29
32
  ]},
30
33
  "legend": true,
package/components/chart/example-line-chart-with-range-annotations-outside-top-bottom.njk CHANGED
@@ -15,16 +15,19 @@
15
15
  'itemsList': [
16
16
  {
17
17
  "text": "Excel spreadsheet (XLSX format, 18KB)",
18
- "url": "#"
18
+ "url": "#",
19
+ "download": "file"
19
20
  },
20
21
  {
21
22
  "text": "Simple text file (CSV format, 25KB)",
22
- "url": "#"
23
+ "url": "#",
24
+ "download": "file"
23
25
  },
24
26
  {
25
27
 
26
28
  "text": "Image (PNG format, 25KB)",
27
- "url": "#"
29
+ "url": "#",
30
+ "download": "file"
28
31
  }
29
32
  ]},
30
33
  "legend": true,
package/components/chart/example-line-chart-with-reference-line-annotations.njk CHANGED
@@ -15,16 +15,19 @@
15
15
  'itemsList': [
16
16
  {
17
17
  "text": "Excel spreadsheet (XLSX format, 18KB)",
18
- "url": "#"
18
+ "url": "#",
19
+ "download": "file"
19
20
  },
20
21
  {
21
22
  "text": "Simple text file (CSV format, 25KB)",
22
- "url": "#"
23
+ "url": "#",
24
+ "download": "file"
23
25
  },
24
26
  {
25
27
 
26
28
  "text": "Image (PNG format, 25KB)",
27
- "url": "#"
29
+ "url": "#",
30
+ "download": "file"
28
31
  }
29
32
  ]},
30
33
  "legend": true,
package/components/chart/example-line-chart.njk CHANGED
@@ -15,16 +15,19 @@
15
15
  'itemsList': [
16
16
  {
17
17
  "text": "Excel spreadsheet (XLSX format, 18KB)",
18
- "url": "#"
18
+ "url": "#",
19
+ "download": "file"
19
20
  },
20
21
  {
21
22
  "text": "Simple text file (CSV format, 25KB)",
22
- "url": "#"
23
+ "url": "#",
24
+ "download": "file"
23
25
  },
24
26
  {
25
27
 
26
28
  "text": "Image (PNG format, 25KB)",
27
- "url": "#"
29
+ "url": "#",
30
+ "download": "file"
28
31
  }
29
32
  ]},
30
33
  "footnotes": {
package/components/chart/example-scatter-chart-with-axis-min-and-max-values.njk CHANGED
@@ -15,16 +15,19 @@
15
15
  'itemsList': [
16
16
  {
17
17
  "text": "Excel spreadsheet (XLSX format, 18KB)",
18
- "url": "#"
18
+ "url": "#",
19
+ "download": "file"
19
20
  },
20
21
  {
21
22
  "text": "Simple text file (CSV format, 25KB)",
22
- "url": "#"
23
+ "url": "#",
24
+ "download": "file"
23
25
  },
24
26
  {
25
27
 
26
28
  "text": "Image (PNG format, 25KB)",
27
- "url": "#"
29
+ "url": "#",
30
+ "download": "file"
28
31
  }
29
32
  ]},
30
33
  "xAxis": {
package/components/chart/example-scatter-chart.njk CHANGED
@@ -15,16 +15,19 @@
15
15
  'itemsList': [
16
16
  {
17
17
  "text": "Excel spreadsheet (XLSX format, 18KB)",
18
- "url": "#"
18
+ "url": "#",
19
+ "download": "file"
19
20
  },
20
21
  {
21
22
  "text": "Simple text file (CSV format, 25KB)",
22
- "url": "#"
23
+ "url": "#",
24
+ "download": "file"
23
25
  },
24
26
  {
25
27
 
26
28
  "text": "Image (PNG format, 25KB)",
27
- "url": "#"
29
+ "url": "#",
30
+ "download": "file"
28
31
  }
29
32
  ]},
30
33
  "footnotes": {
package/components/chart/example-stacked-bar-chart.njk CHANGED
@@ -14,15 +14,18 @@
14
14
  'itemsList': [
15
15
  {
16
16
  "text": "Excel spreadsheet (XLSX format, 18KB)",
17
- "url": "#"
17
+ "url": "#",
18
+ "download": "file"
18
19
  },
19
20
  {
20
21
  "text": "Simple text file (CSV format, 25KB)",
21
- "url": "#"
22
+ "url": "#",
23
+ "download": "file"
22
24
  },
23
25
  {
24
26
  "text": "Image (PNG format, 25KB)",
25
- "url": "#"
27
+ "url": "#",
28
+ "download": "file"
26
29
  }
27
30
  ]
28
31
  },
package/components/chart/example-stacked-column-chart.njk CHANGED
@@ -12,9 +12,12 @@
12
12
  "download": {
13
13
  "title": "Download Figure 6 data",
14
14
  "itemsList": [
15
- { "text": "Excel spreadsheet (XLSX format, 22KB)", "url": "#" },
16
- { "text": "Simple text file (CSV format, 28KB)", "url": "#" },
17
- { "text": "Image (PNG format, 32KB)", "url": "#" }
15
+ { "text": "Excel spreadsheet (XLSX format, 22KB)", "url": "#",
16
+ "download": "file" },
17
+ { "text": "Simple text file (CSV format, 28KB)", "url": "#",
18
+ "download": "file" },
19
+ { "text": "Image (PNG format, 32KB)", "url": "#",
20
+ "download": "file" }
18
21
  ]
19
22
  },
20
23
  "legend": true,
package/components/details/_details.scss CHANGED
@@ -77,6 +77,15 @@ $details-caret-width: 1.75rem;
77
77
  display: block;
78
78
  margin: 1rem 0 0 0.5rem;
79
79
  padding: 0 0 0 1.5rem;
80
+
81
+ // Restrict the width of textual content within the details content (paragraphs are already globally restricted)
82
+
83
+ ul,
84
+ ol,
85
+ label,
86
+ legend {
87
+ @include reading-width;
88
+ }
80
89
  }
81
90
  }
82
91
 
package/components/details/example-details-with-warning.njk CHANGED
@@ -16,6 +16,6 @@
16
16
  "variant": "warn"
17
17
  })
18
18
  %}
19
- Someone in your household must still complete a survey using a household access code
19
+ <p>Someone in your household must still complete a survey using a household access code</p>
20
20
  {% endcall %}
21
21
  {% endcall %}
package/components/document-list/_macro.njk CHANGED
@@ -42,7 +42,7 @@
42
42
  document.metadata.file.fileSize if document.metadata.file.fileSize,
43
43
  document.metadata.file.filePages if document.metadata.file.filePages ]
44
44
  %}
45
- , {{ fileMetadataItems | join(', ') }}
45
+ , {{ fileMetadataItems | select | join(', ') }}
46
46
  </span>
47
47
  {% endif %}
48
48
  </a>
@@ -89,7 +89,7 @@
89
89
  document.metadata.file.fileSize if document.metadata.file.fileSize,
90
90
  document.metadata.file.filePages if document.metadata.file.filePages ]
91
91
  %}
92
- {{ fileMetadataItems | join(', ') }}
92
+ {{ fileMetadataItems | select | join(', ') }}
93
93
  </li>
94
94
  {%- endif -%}
95
95
  </ul>