@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-code.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,42 +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
- ${require('../components/_global/html/component.hbs')({
53
- "manifest":require('../components/code/js/manifest.json'),
54
- "component":require('!url-loader!../components/code/html/component.hbs'),
55
- "component_output":require('../components/code/html/component.hbs')({
56
- "component":require('../components/code/js/manifest.json').component,
57
- "site":require('/src/data/site.json'),
58
- "current":require('/src/data/current.json'),
59
- "content":"Lorem Ipsum"
60
- })
61
- })}
40
+ ${require('../components/_global/html/component.hbs')({ "manifest":require('../components/code/js/manifest.json'), "component":require('!url-loader!../components/code/html/component.hbs'),
41
+ "component_output":require('../components/code/html/component.hbs')({ "component":require('../components/code/js/manifest.json').component, "site":require('/src/data/site.json'),
42
+ "current":require('/src/data/current.json'), "content":"Lorem Ipsum" }) })}
62
43
  </div>
63
44
  </div>
64
45
  </div>
65
- </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') })}
66
49
  </main>
67
50
  <!-- END MAIN BODY -->
68
51
 
69
- <!-- WIDGETS -->
70
- ${require('../components/widgets/html/component.hbs')({
71
- "site":require('/src/data/site.json'),
72
- "current":require('/src/data/current.json')
73
- })}
74
-
75
52
  <!-- FOOTER-->
76
- ${require('../components/footer/html/component.hbs')({
77
- "site":require('/src/data/site.json')
78
- })}
53
+ ${require('../components/footer/html/component.hbs')({ "site":require('/src/data/site.json') })}
79
54
 
80
- <div class="footer-scripts" id="footer_js" style="display: none !important;">
81
- ${require('../components/_global/html/scripts.html')}
82
- </div>
55
+ <div class="footer-scripts" id="footer_js" style="display: none !important">${require('../components/_global/html/scripts.html')}</div>
83
56
  </body>
84
57
  </html>
package/src/html/component-file_upload.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/file_upload/js/manifest.json'),
55
- "component":require('!url-loader!../components/file_upload/html/component.hbs'),
56
- "component_output":require('../components/file_upload/html/component.hbs')({
57
- "component":require('../components/file_upload/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/file_upload/js/manifest.json'), "component":require('!url-loader!../components/file_upload/html/component.hbs'),
41
+ "component_output":require('../components/file_upload/html/component.hbs')({ "component":require('../components/file_upload/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>