@qhealth-design-system/core 1.16.4 → 1.16.5

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 (63) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/package.json +1 -1
  3. package/src/components/_template/html/component-page.html +25 -31
  4. package/src/components/prefooter/css/component.scss +62 -0
  5. package/src/components/prefooter/js/manifest.json +9 -0
  6. package/src/data/current.json +3 -9
  7. package/src/html/component-a-z_listing.html +13 -41
  8. package/src/html/component-abstract.html +536 -40
  9. package/src/html/component-accordion.html +537 -41
  10. package/src/html/component-banner.html +537 -40
  11. package/src/html/component-banner_advanced.html +14 -41
  12. package/src/html/component-banner_basic.html +13 -40
  13. package/src/html/component-banner_intermediate.html +14 -41
  14. package/src/html/component-basic_search.html +10 -26
  15. package/src/html/component-body.html +541 -52
  16. package/src/html/component-breadcrumbs.html +538 -43
  17. package/src/html/component-btn.html +471 -69
  18. package/src/html/component-callout.html +536 -40
  19. package/src/html/component-card_feature.html +691 -308
  20. package/src/html/component-card_multi_action.html +651 -217
  21. package/src/html/component-card_no_action.html +163 -289
  22. package/src/html/component-card_single_action.html +1251 -324
  23. package/src/html/component-code.html +13 -40
  24. package/src/html/component-file_upload.html +13 -41
  25. package/src/html/component-footer.html +537 -41
  26. package/src/html/component-forms.html +4 -5
  27. package/src/html/component-global-elements.html +720 -152
  28. package/src/html/component-global_alert.html +536 -41
  29. package/src/html/component-header.html +537 -42
  30. package/src/html/component-horizontal_rule.html +459 -65
  31. package/src/html/component-in_page_navigation.html +544 -48
  32. package/src/html/component-internal_navigation.html +537 -41
  33. package/src/html/component-left_hand_navigation.html +13 -41
  34. package/src/html/component-loading_spinner.html +13 -42
  35. package/src/html/component-main_navigation.html +537 -41
  36. package/src/html/component-mega_main_navigation.html +537 -42
  37. package/src/html/component-multi_column.html +536 -40
  38. package/src/html/component-overflow_menu.html +12 -35
  39. package/src/html/component-page_alert.html +536 -40
  40. package/src/html/component-page_footer_info.html +583 -0
  41. package/src/html/component-pagination.html +459 -65
  42. package/src/html/component-promo_panel.html +13 -43
  43. package/src/html/component-tab.html +13 -41
  44. package/src/html/component-tag_list.html +495 -77
  45. package/src/html/component-toggle_tip.html +2 -3
  46. package/src/html/component-tool_tip.html +2 -3
  47. package/src/html/component-video_player.html +13 -41
  48. package/src/html/components.html +306 -88
  49. package/src/html/home.html +1807 -628
  50. package/src/html/index.html +9 -22
  51. package/src/html/inner-with-nav.html +551 -137
  52. package/src/html/inner.html +570 -59
  53. package/src/components/updated_date/css/component.scss +0 -24
  54. package/src/components/updated_date/js/manifest.json +0 -9
  55. package/src/components/widgets/css/component.scss +0 -130
  56. package/src/components/widgets/html/component.hbs +0 -8
  57. package/src/components/widgets/html/default.html +0 -3
  58. package/src/components/widgets/js/current.json +0 -471
  59. package/src/components/widgets/js/manifest.json +0 -9
  60. package/src/components/widgets/js/site.json +0 -350
  61. package/src/html/component-updated_date.html +0 -88
  62. package/src/html/component-widgets.html +0 -90
  63. /package/src/components/{updated_date → prefooter}/html/component.hbs +0 -0
package/CHANGELOG.md CHANGED
@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
7
7
 
8
8
  ## Unreleased
9
9
 
10
+ ## 1.16.5 - 2025-08-19
11
+
10
12
  ## 1.16.4 - 2025-08-12
11
13
 
12
14
  ## 1.16.3 - 2025-07-29
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qhealth-design-system/core",
3
- "version": "1.16.4",
3
+ "version": "1.16.5",
4
4
  "description": "",
5
5
  "licence": "MIT",
6
6
  "main": "index.js",
package/src/components/_template/html/component-page.html CHANGED
@@ -14,27 +14,24 @@
14
14
 
15
15
  <head>
16
16
  <title>Queensland Design System</title>
17
-
17
+
18
18
  ${require('../components/_global/html/head.html')}
19
19
  </head>
20
20
 
21
21
  <body class="qld__grid">
22
22
  <!--noindex-->
23
23
  ${require('../components/header/html/component.hbs')({
24
- "site":require('/src/data/site.json')
25
- })}
24
+ "site":require('/src/data/site.json') })}
26
25
  <!--endnoindex-->
27
26
  ${require('../components/mega_main_navigation/html/component.hbs')({
28
- "site":require('/src/data/site.json')
29
- })}
27
+ "site":require('/src/data/site.json') })}
30
28
  <!-- MAIN BODY -->
31
29
  <main class="main" role="main">
32
30
  <section class="qld__body qld__body--breadcrumb">
33
31
  <div class="container-fluid">
34
32
  ${require('../components/breadcrumbs/html/component.hbs')({
35
- "site":require('/src/data/site.json'),
36
- "current":require('/src/data/current.json'),
37
- })}
33
+ "site":require('/src/data/site.json'),
34
+ "current":require('/src/data/current.json'), })}
38
35
  </div>
39
36
  </section>
40
37
  <!--CONTENT-->
@@ -44,41 +41,38 @@
44
41
  <div class="col-xs-12 col-md-4 col-lg-3">
45
42
  <!-- INTERNAL NAVIGATION -->
46
43
  ${require('../components/internal_navigation/html/component.hbs')({
47
- "site":require('/src/data/site.json'),
48
- "current":require('/src/data/current.json')
49
- })}
44
+ "site":require('/src/data/site.json'),
45
+ "current":require('/src/data/current.json') })}
50
46
  </div>
51
47
  <div class="col-xs-12 col-md-8 col-lg-9" id="content">
52
-
53
48
  ${require('../components/_global/html/component.hbs')({
54
- "manifest":require('../components/[component_name]/js/manifest.json'),
55
- "component":require('!url-loader!../components/[component_name]/html/component.hbs'),
56
- "component_output":require('../components/[component_name]/html/component.hbs')({
57
- "component":require('../components/[component_name]/js/manifest.json').component,
58
- "site":require('/src/data/site.json'),
59
- "current":require('/src/data/current.json'),
60
- "content":"Lorem Ipsum"
61
- })
62
- })}
49
+ "manifest":require('../components/[component_name]/js/manifest.json'),
50
+ "component":require('!url-loader!../components/[component_name]/html/component.hbs'),
51
+ "component_output":require('../components/[component_name]/html/component.hbs')({
52
+ "component":require('../components/[component_name]/js/manifest.json').component,
53
+ "site":require('/src/data/site.json'),
54
+ "current":require('/src/data/current.json'),
55
+ "content":"Lorem Ipsum" }) })}
63
56
  </div>
64
57
  </div>
65
58
  </div>
66
- </div>
59
+ </div>
60
+ <!-- Page Footer Info -->
61
+ ${require('../components/prefooter/html/component.hbs')({
62
+ "site":require('/src/data/site.json'),
63
+ "current":require('/src/data/current.json') })}
67
64
  </main>
68
65
  <!-- END MAIN BODY -->
69
66
 
70
- <!-- WIDGETS -->
71
- ${require('../components/widgets/html/component.hbs')({
72
- "site":require('/src/data/site.json'),
73
- "current":require('/src/data/current.json')
74
- })}
75
-
76
67
  <!-- FOOTER-->
77
68
  ${require('../components/footer/html/component.hbs')({
78
- "site":require('/src/data/site.json')
79
- })}
69
+ "site":require('/src/data/site.json') })}
80
70
 
81
- <div class="footer-scripts" id="footer_js" style="display: none !important;">
71
+ <div
72
+ class="footer-scripts"
73
+ id="footer_js"
74
+ style="display: none !important"
75
+ >
82
76
  ${require('../components/_global/html/scripts.html')}
83
77
  </div>
84
78
  </body>
package/src/components/prefooter/css/component.scss ADDED
@@ -0,0 +1,62 @@
1
+ .qld__pre-footer {
2
+ .container-fluid {
3
+ display: flex;
4
+ flex-direction: column;
5
+ position: relative;
6
+ align-items: flex-start;
7
+ @include QLD-media(sm) {
8
+ flex-direction: row;
9
+ align-items: center;
10
+ }
11
+ }
12
+ .qld__widgets__back_to_top {
13
+ position: relative;
14
+ top: 40px;
15
+ padding: 0;
16
+ margin: 0 auto 40px 0;
17
+ @include QLD-media(sm) {
18
+ margin-bottom: 0;
19
+ margin-right: 0;
20
+ margin-left: auto;
21
+ top: 0;
22
+ }
23
+ }
24
+ }
25
+
26
+ @mixin QLD-BTT-arrow-colours($interact-colour) {
27
+ &:hover,
28
+ &:focus,
29
+ &:active {
30
+ &::after,
31
+ &::before {
32
+ border-color: $interact-colour;
33
+ }
34
+ }
35
+ }
36
+
37
+ .qld__body {
38
+ .qld__widgets__back_to_top > .qld__direction-link {
39
+ &:visited {
40
+ color: var(--QLD-color-light__link);
41
+ text-decoration: var(--QLD-color-light__underline);
42
+ }
43
+
44
+ @include QLD-BTT-arrow-colours(
45
+ var(--QLD-color-light__action--secondary-hover)
46
+ );
47
+ }
48
+ }
49
+
50
+ .qld__body.qld__body--dark,
51
+ .qld__body.qld__body--dark-alt {
52
+ .qld__widgets__back_to_top > .qld__direction-link {
53
+ &:visited {
54
+ color: var(--QLD-color-dark__link);
55
+ text-decoration: var(--QLD-color-dark__underline);
56
+ }
57
+
58
+ @include QLD-BTT-arrow-colours(
59
+ var(--QLD-color-dark__action--secondary-hover)
60
+ );
61
+ }
62
+ }
package/src/components/prefooter/js/manifest.json ADDED
@@ -0,0 +1,9 @@
1
+ {
2
+ "component": {
3
+ "name": "Page Footer Info",
4
+ "description": "",
5
+ "version": "1.0",
6
+ "status": "Released",
7
+ "type": "design"
8
+ }
9
+ }
package/src/data/current.json CHANGED
@@ -529,15 +529,9 @@
529
529
  "children": []
530
530
  },
531
531
  {
532
- "asset_url": "/component-updated_date.html",
533
- "asset_name": "Updated Date",
534
- "asset_short_name": "Updated Date",
535
- "children": []
536
- },
537
- {
538
- "asset_url": "/component-widgets.html",
539
- "asset_name": "Widgets",
540
- "asset_short_name": "Widgets",
532
+ "asset_url": "/component-prefooter.html",
533
+ "asset_name": "Page Footer Info",
534
+ "asset_short_name": "Page Footer Info",
541
535
  "children": []
542
536
  }
543
537
  ]
package/src/html/component-a-z_listing.html CHANGED
@@ -14,28 +14,19 @@
14
14
 
15
15
  <head>
16
16
  <title>Queensland Design System</title>
17
-
17
+
18
18
  ${require('../components/_global/html/head.html')}
19
19
  </head>
20
20
 
21
21
  <body class="qld__grid">
22
22
  <!--noindex-->
23
- ${require('../components/header/html/component.hbs')({
24
- "site":require('/src/data/site.json')
25
- })}
23
+ ${require('../components/header/html/component.hbs')({ "site":require('/src/data/site.json') })}
26
24
  <!--endnoindex-->
27
- ${require('../components/mega_main_navigation/html/component.hbs')({
28
- "site":require('/src/data/site.json')
29
- })}
25
+ ${require('../components/mega_main_navigation/html/component.hbs')({ "site":require('/src/data/site.json') })}
30
26
  <!-- MAIN BODY -->
31
27
  <main class="main" role="main">
32
28
  <section class="qld__body qld__body--breadcrumb">
33
- <div class="container-fluid">
34
- ${require('../components/breadcrumbs/html/component.hbs')({
35
- "site":require('/src/data/site.json'),
36
- "current":require('/src/data/current.json'),
37
- })}
38
- </div>
29
+ <div class="container-fluid">${require('../components/breadcrumbs/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json'), })}</div>
39
30
  </section>
40
31
  <!--CONTENT-->
41
32
  <div class="qld__body">
@@ -43,43 +34,24 @@
43
34
  <div class="row">
44
35
  <div class="col-xs-12 col-md-4 col-lg-3">
45
36
  <!-- INTERNAL NAVIGATION -->
46
- ${require('../components/internal_navigation/html/component.hbs')({
47
- "site":require('/src/data/site.json'),
48
- "current":require('/src/data/current.json')
49
- })}
37
+ ${require('../components/internal_navigation/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
50
38
  </div>
51
39
  <div class="col-xs-12 col-md-8 col-lg-9" id="content">
52
-
53
- ${require('../components/_global/html/component.hbs')({
54
- "manifest":require('../components/a-z_listing/js/manifest.json'),
55
- "component":require('!url-loader!../components/a-z_listing/html/component.hbs'),
56
- "component_output":require('../components/a-z_listing/html/component.hbs')({
57
- "component":require('../components/a-z_listing/js/manifest.json').component,
58
- "site":require('/src/data/site.json'),
59
- "current":require('/src/data/current.json'),
60
- "content":"Lorem Ipsum"
61
- })
62
- })}
40
+ ${require('../components/_global/html/component.hbs')({ "manifest":require('../components/a-z_listing/js/manifest.json'), "component":require('!url-loader!../components/a-z_listing/html/component.hbs'),
41
+ "component_output":require('../components/a-z_listing/html/component.hbs')({ "component":require('../components/a-z_listing/js/manifest.json').component, "site":require('/src/data/site.json'),
42
+ "current":require('/src/data/current.json'), "content":"Lorem Ipsum" }) })}
63
43
  </div>
64
44
  </div>
65
45
  </div>
66
- </div>
46
+ </div>
47
+ <!-- Page Footer Info -->
48
+ ${require('../components/prefooter/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
67
49
  </main>
68
50
  <!-- END MAIN BODY -->
69
51
 
70
- <!-- WIDGETS -->
71
- ${require('../components/widgets/html/component.hbs')({
72
- "site":require('/src/data/site.json'),
73
- "current":require('/src/data/current.json')
74
- })}
75
-
76
52
  <!-- FOOTER-->
77
- ${require('../components/footer/html/component.hbs')({
78
- "site":require('/src/data/site.json')
79
- })}
53
+ ${require('../components/footer/html/component.hbs')({ "site":require('/src/data/site.json') })}
80
54
 
81
- <div class="footer-scripts" id="footer_js" style="display: none !important;">
82
- ${require('../components/_global/html/scripts.html')}
83
- </div>
55
+ <div class="footer-scripts" id="footer_js" style="display: none !important">${require('../components/_global/html/scripts.html')}</div>
84
56
  </body>
85
57
  </html>