@qhealth-design-system/core 1.16.4 → 1.17.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 (103) hide show
  1. package/.storybook/assets/storybook.css +1 -1
  2. package/.storybook/globals.js +10 -0
  3. package/CHANGELOG.md +4 -0
  4. package/package.json +1 -1
  5. package/src/components/_global/css/cta_links/component.scss +107 -14
  6. package/src/components/_global/css/forms/control_inputs/component.scss +65 -77
  7. package/src/components/_global/css/link_columns/component.scss +2 -2
  8. package/src/components/_global/html/scripts.html +0 -2
  9. package/src/components/_global/js/cta_links/global.js +33 -0
  10. package/src/components/_global/js/global.js +175 -138
  11. package/src/components/_global/js/tabs/global.js +6 -2
  12. package/src/components/_template/html/component-page.html +25 -31
  13. package/src/components/banner_advanced/html/component.hbs +1 -1
  14. package/src/components/breadcrumbs/js/global.js +17 -4
  15. package/src/components/card_feature/html/component.hbs +1 -1
  16. package/src/components/card_multi_action/html/component.hbs +1 -1
  17. package/src/components/card_single_action/css/component.scss +38 -47
  18. package/src/components/card_single_action/html/component.hbs +1 -1
  19. package/src/components/code/css/component.scss +72 -73
  20. package/src/components/code/html/component.hbs +62 -19
  21. package/src/components/code/js/global.js +102 -86
  22. package/src/components/footer/css/component.scss +2 -4
  23. package/src/components/footer/html/component.hbs +11 -8
  24. package/src/components/header/css/component.scss +11 -11
  25. package/src/components/header/html/component.hbs +3 -3
  26. package/src/components/header/js/global.js +58 -65
  27. package/src/components/in_page_navigation/js/global.js +34 -31
  28. package/src/components/internal_navigation/js/global.js +13 -3
  29. package/src/components/main_navigation/css/component.scss +79 -13
  30. package/src/components/main_navigation/html/component.hbs +5 -5
  31. package/src/components/main_navigation/js/global.js +94 -115
  32. package/src/components/mega_main_navigation/css/component.scss +27 -14
  33. package/src/components/mega_main_navigation/html/component.hbs +5 -5
  34. package/src/components/mega_main_navigation/js/global.js +50 -55
  35. package/src/components/page_alert/css/component.scss +141 -179
  36. package/src/components/prefooter/css/component.scss +62 -0
  37. package/src/components/prefooter/js/manifest.json +9 -0
  38. package/src/data/current.json +3 -9
  39. package/src/data/site.json +3 -3
  40. package/src/html/component-a-z_listing.html +13 -41
  41. package/src/html/component-abstract.html +536 -40
  42. package/src/html/component-accordion.html +537 -41
  43. package/src/html/component-banner.html +537 -40
  44. package/src/html/component-banner_advanced.html +14 -41
  45. package/src/html/component-banner_basic.html +13 -40
  46. package/src/html/component-banner_intermediate.html +14 -41
  47. package/src/html/component-basic_search.html +10 -26
  48. package/src/html/component-body.html +541 -52
  49. package/src/html/component-breadcrumbs.html +538 -43
  50. package/src/html/component-btn.html +471 -69
  51. package/src/html/component-callout.html +536 -40
  52. package/src/html/component-card_feature.html +282 -312
  53. package/src/html/component-card_multi_action.html +651 -217
  54. package/src/html/component-card_no_action.html +163 -289
  55. package/src/html/component-card_single_action.html +283 -312
  56. package/src/html/component-code.html +13 -40
  57. package/src/html/component-file_upload.html +13 -41
  58. package/src/html/component-footer.html +537 -41
  59. package/src/html/component-forms.html +206 -72
  60. package/src/html/component-global-elements.html +720 -152
  61. package/src/html/component-global_alert.html +536 -41
  62. package/src/html/component-header.html +537 -42
  63. package/src/html/component-horizontal_rule.html +459 -65
  64. package/src/html/component-in_page_navigation.html +544 -48
  65. package/src/html/component-internal_navigation.html +537 -41
  66. package/src/html/component-left_hand_navigation.html +13 -41
  67. package/src/html/component-loading_spinner.html +13 -42
  68. package/src/html/component-main_navigation.html +537 -41
  69. package/src/html/component-mega_main_navigation.html +537 -42
  70. package/src/html/component-multi_column.html +536 -40
  71. package/src/html/component-overflow_menu.html +12 -35
  72. package/src/html/component-page_alert.html +536 -40
  73. package/src/html/component-page_footer_info.html +583 -0
  74. package/src/html/component-pagination.html +459 -65
  75. package/src/html/component-promo_panel.html +13 -43
  76. package/src/html/component-tab.html +13 -41
  77. package/src/html/component-tag_list.html +495 -77
  78. package/src/html/component-toggle_tip.html +2 -3
  79. package/src/html/component-tool_tip.html +2 -3
  80. package/src/html/component-video_player.html +13 -41
  81. package/src/html/components.html +306 -88
  82. package/src/html/home.html +1807 -628
  83. package/src/html/index.html +9 -22
  84. package/src/html/inner-with-nav.html +551 -137
  85. package/src/html/inner.html +570 -59
  86. package/src/stories/Checkboxes/Checkboxes.js +41 -0
  87. package/src/stories/Checkboxes/Checkboxes.mdx +45 -0
  88. package/src/stories/Checkboxes/Checkboxes.stories.js +209 -0
  89. package/src/stories/RadioButtons/RadioButtons.js +41 -0
  90. package/src/stories/RadioButtons/RadioButtons.mdx +45 -0
  91. package/src/stories/RadioButtons/RadioButtons.stories.js +209 -0
  92. package/src/styles/imports/mixins.scss +5 -43
  93. package/src/components/updated_date/css/component.scss +0 -24
  94. package/src/components/updated_date/js/manifest.json +0 -9
  95. package/src/components/widgets/css/component.scss +0 -130
  96. package/src/components/widgets/html/component.hbs +0 -8
  97. package/src/components/widgets/html/default.html +0 -3
  98. package/src/components/widgets/js/current.json +0 -471
  99. package/src/components/widgets/js/manifest.json +0 -9
  100. package/src/components/widgets/js/site.json +0 -350
  101. package/src/html/component-updated_date.html +0 -88
  102. package/src/html/component-widgets.html +0 -90
  103. /package/src/components/{updated_date → prefooter}/html/component.hbs +0 -0
package/src/html/component-banner_advanced.html CHANGED
@@ -14,19 +14,15 @@
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">
@@ -43,55 +39,32 @@
43
39
  "current":require('/src/data/current.json'),
44
40
  "content":"Lorem Ipsum"
45
41
  })} -->
46
- ${require('../components/banner_advanced/html/component.hbs')({
47
- "component":require('../components/banner_advanced/js/manifest.json').component,
48
- "site":require('/src/data/site.json'),
49
- "current":require('/src/data/current.json'),
50
- "content":"Lorem Ipsum"
51
- })}
42
+ ${require('../components/banner_advanced/html/component.hbs')({ "component":require('../components/banner_advanced/js/manifest.json').component, "site":require('/src/data/site.json'), "current":require('/src/data/current.json'),
43
+ "content":"Lorem Ipsum" })}
52
44
  <!--CONTENT-->
53
45
  <div class="qld__body">
54
46
  <div class="container-fluid">
55
47
  <div class="row">
56
48
  <div class="col-xs-12 col-lg-4 col-xl-3">
57
49
  <!-- INTERNAL NAVIGATION -->
58
- ${require('../components/internal_navigation/html/component.hbs')({
59
- "site":require('/src/data/site.json'),
60
- "current":require('/src/data/current.json')
61
- })}
50
+ ${require('../components/internal_navigation/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
62
51
  </div>
63
52
  <div class="col-xs-12 col-lg-8 col-xl-8" id="content">
64
-
65
- ${require('../components/_global/html/component.hbs')({
66
- "manifest":require('../components/banner_advanced/js/manifest.json'),
67
- "component":require('!url-loader!../components/banner_advanced/html/component.hbs'),
68
- "component_output":require('../components/banner_advanced/html/component.hbs')({
69
- "component":require('../components/banner_advanced/js/manifest.json').component,
70
- "site":require('/src/data/site.json'),
71
- "current":require('/src/data/current.json'),
72
- "content":"Lorem Ipsum"
73
- })
74
- })}
53
+ ${require('../components/_global/html/component.hbs')({ "manifest":require('../components/banner_advanced/js/manifest.json'), "component":require('!url-loader!../components/banner_advanced/html/component.hbs'),
54
+ "component_output":require('../components/banner_advanced/html/component.hbs')({ "component":require('../components/banner_advanced/js/manifest.json').component, "site":require('/src/data/site.json'),
55
+ "current":require('/src/data/current.json'), "content":"Lorem Ipsum" }) })}
75
56
  </div>
76
57
  </div>
77
58
  </div>
78
- </div>
59
+ </div>
60
+ <!-- Page Footer Info -->
61
+ ${require('../components/prefooter/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
79
62
  </main>
80
63
  <!-- END MAIN BODY -->
81
64
 
82
- <!-- WIDGETS -->
83
- ${require('../components/widgets/html/component.hbs')({
84
- "site":require('/src/data/site.json'),
85
- "current":require('/src/data/current.json')
86
- })}
87
-
88
65
  <!-- FOOTER-->
89
- ${require('../components/footer/html/component.hbs')({
90
- "site":require('/src/data/site.json')
91
- })}
66
+ ${require('../components/footer/html/component.hbs')({ "site":require('/src/data/site.json') })}
92
67
 
93
- <div class="footer-scripts" id="footer_js" style="display: none !important;">
94
- ${require('../components/_global/html/scripts.html')}
95
- </div>
68
+ <div class="footer-scripts" id="footer_js" style="display: none !important">${require('../components/_global/html/scripts.html')}</div>
96
69
  </body>
97
70
  </html>
package/src/html/component-banner_basic.html CHANGED
@@ -14,69 +14,42 @@
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
-
33
- ${require('../components/banner_basic/html/component.hbs')({
34
- "site":require('/src/data/site.json'),
35
- "current":require('/src/data/current.json')
36
- })}
28
+ ${require('../components/banner_basic/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
37
29
  <!--CONTENT-->
38
30
  <div class="qld__body">
39
31
  <div class="container-fluid">
40
32
  <div class="row">
41
33
  <div class="col-xs-12 col-lg-4 col-xl-3">
42
34
  <!-- INTERNAL NAVIGATION -->
43
- ${require('../components/internal_navigation/html/component.hbs')({
44
- "site":require('/src/data/site.json'),
45
- "current":require('/src/data/current.json')
46
- })}
35
+ ${require('../components/internal_navigation/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
47
36
  </div>
48
37
  <div class="col-xs-12 col-lg-8 col-xl-8" id="content">
49
-
50
- ${require('../components/_global/html/component.hbs')({
51
- "manifest":require('../components/banner_basic/js/manifest.json'),
52
- "component":require('!url-loader!../components/banner_basic/html/component.hbs'),
53
- "component_output":require('../components/banner_basic/html/component.hbs')({
54
- "component":require('../components/banner_basic/js/manifest.json').component,
55
- "site":require('/src/data/site.json'),
56
- "current":require('/src/data/current.json'),
57
- "content":"Lorem Ipsum"
58
- })
59
- })}
38
+ ${require('../components/_global/html/component.hbs')({ "manifest":require('../components/banner_basic/js/manifest.json'), "component":require('!url-loader!../components/banner_basic/html/component.hbs'),
39
+ "component_output":require('../components/banner_basic/html/component.hbs')({ "component":require('../components/banner_basic/js/manifest.json').component, "site":require('/src/data/site.json'),
40
+ "current":require('/src/data/current.json'), "content":"Lorem Ipsum" }) })}
60
41
  </div>
61
42
  </div>
62
43
  </div>
63
- </div>
44
+ </div>
45
+ <!-- Page Footer Info -->
46
+ ${require('../components/prefooter/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
64
47
  </main>
65
48
  <!-- END MAIN BODY -->
66
49
 
67
- <!-- WIDGETS -->
68
- ${require('../components/widgets/html/component.hbs')({
69
- "site":require('/src/data/site.json'),
70
- "current":require('/src/data/current.json')
71
- })}
72
-
73
50
  <!-- FOOTER-->
74
- ${require('../components/footer/html/component.hbs')({
75
- "site":require('/src/data/site.json')
76
- })}
51
+ ${require('../components/footer/html/component.hbs')({ "site":require('/src/data/site.json') })}
77
52
 
78
- <div class="footer-scripts" id="footer_js" style="display: none !important;">
79
- ${require('../components/_global/html/scripts.html')}
80
- </div>
53
+ <div class="footer-scripts" id="footer_js" style="display: none !important">${require('../components/_global/html/scripts.html')}</div>
81
54
  </body>
82
55
  </html>
package/src/html/component-banner_intermediate.html CHANGED
@@ -14,19 +14,15 @@
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">
@@ -37,55 +33,32 @@
37
33
  })}
38
34
  </div>
39
35
  </section> -->
40
- ${require('../components/banner_intermediate/html/component.hbs')({
41
- "component":require('../components/banner_intermediate/js/manifest.json').component,
42
- "site":require('/src/data/site.json'),
43
- "current":require('/src/data/current.json'),
44
- "content":"Lorem Ipsum"
45
- })}
36
+ ${require('../components/banner_intermediate/html/component.hbs')({ "component":require('../components/banner_intermediate/js/manifest.json').component, "site":require('/src/data/site.json'),
37
+ "current":require('/src/data/current.json'), "content":"Lorem Ipsum" })}
46
38
  <!--CONTENT-->
47
39
  <div class="qld__body">
48
40
  <div class="container-fluid">
49
41
  <div class="row">
50
42
  <div class="col-xs-12 col-lg-4 col-xl-3">
51
43
  <!-- INTERNAL NAVIGATION -->
52
- ${require('../components/internal_navigation/html/component.hbs')({
53
- "site":require('/src/data/site.json'),
54
- "current":require('/src/data/current.json')
55
- })}
44
+ ${require('../components/internal_navigation/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
56
45
  </div>
57
46
  <div class="col-xs-12 col-lg-8 col-xl-8" id="content">
58
-
59
- ${require('../components/_global/html/component.hbs')({
60
- "manifest":require('../components/banner_intermediate/js/manifest.json'),
61
- "component":require('!url-loader!../components/banner_intermediate/html/component.hbs'),
62
- "component_output":require('../components/banner_intermediate/html/component.hbs')({
63
- "component":require('../components/banner_intermediate/js/manifest.json').component,
64
- "site":require('/src/data/site.json'),
65
- "current":require('/src/data/current.json'),
66
- "content":"Lorem Ipsum"
67
- })
68
- })}
47
+ ${require('../components/_global/html/component.hbs')({ "manifest":require('../components/banner_intermediate/js/manifest.json'),
48
+ "component":require('!url-loader!../components/banner_intermediate/html/component.hbs'), "component_output":require('../components/banner_intermediate/html/component.hbs')({
49
+ "component":require('../components/banner_intermediate/js/manifest.json').component, "site":require('/src/data/site.json'), "current":require('/src/data/current.json'), "content":"Lorem Ipsum" }) })}
69
50
  </div>
70
51
  </div>
71
52
  </div>
72
- </div>
53
+ </div>
54
+ <!-- Page Footer Info -->
55
+ ${require('../components/prefooter/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
73
56
  </main>
74
57
  <!-- END MAIN BODY -->
75
58
 
76
- <!-- WIDGETS -->
77
- ${require('../components/widgets/html/component.hbs')({
78
- "site":require('/src/data/site.json'),
79
- "current":require('/src/data/current.json')
80
- })}
81
-
82
59
  <!-- FOOTER-->
83
- ${require('../components/footer/html/component.hbs')({
84
- "site":require('/src/data/site.json')
85
- })}
60
+ ${require('../components/footer/html/component.hbs')({ "site":require('/src/data/site.json') })}
86
61
 
87
- <div class="footer-scripts" id="footer_js" style="display: none !important;">
88
- ${require('../components/_global/html/scripts.html')}
89
- </div>
62
+ <div class="footer-scripts" id="footer_js" style="display: none !important">${require('../components/_global/html/scripts.html')}</div>
90
63
  </body>
91
64
  </html>
package/src/html/component-basic_search.html CHANGED
@@ -14,45 +14,29 @@
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
  <!--CONTENT-->
33
- ${require('../components/basic_search/html/component.hbs')({
34
- "component":require('../components/basic_search/js/manifest.json').component,
35
- "resultsPage":require('../components/basic_search/js/manifest.json').component.resultsPage,
36
- "site":require('/src/data/site.json'),
37
- "current":require('/src/data/current.json'),
38
- })}
39
- <!--END CONTENT-->
29
+ ${require('../components/basic_search/html/component.hbs')({ "component":require('../components/basic_search/js/manifest.json').component,
30
+ "resultsPage":require('../components/basic_search/js/manifest.json').component.resultsPage, "site":require('/src/data/site.json'), "current":require('/src/data/current.json'), })}
31
+ <!--END CONTENT-->
32
+ <!-- Page Footer Info -->
33
+ ${require('../components/prefooter/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
40
34
  </main>
41
35
  <!-- END MAIN BODY -->
42
36
 
43
- <!-- WIDGETS -->
44
- ${require('../components/widgets/html/component.hbs')({
45
- "site":require('/src/data/site.json'),
46
- "current":require('/src/data/current.json')
47
- })}
48
-
49
37
  <!-- FOOTER-->
50
- ${require('../components/footer/html/component.hbs')({
51
- "site":require('/src/data/site.json')
52
- })}
38
+ ${require('../components/footer/html/component.hbs')({ "site":require('/src/data/site.json') })}
53
39
 
54
- <div class="footer-scripts" id="footer_js" style="display: none !important;">
55
- ${require('../components/_global/html/scripts.html')}
56
- </div>
40
+ <div class="footer-scripts" id="footer_js" style="display: none !important">${require('../components/_global/html/scripts.html')}</div>
57
41
  </body>
58
42
  </html>