@qhealth-design-system/core 1.22.2 → 1.23.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 (78) hide show
  1. package/.storybook/assets/image-position-demo-portrait.svg +54 -0
  2. package/.storybook/assets/image-position-demo.svg +55 -0
  3. package/.storybook/globals.js +9 -0
  4. package/.storybook/preview.js +8 -1
  5. package/CHANGELOG.md +2 -0
  6. package/README.md +0 -6
  7. package/package.json +13 -33
  8. package/src/assets/img/svg-icons.svg +154 -154
  9. package/src/component-loader.js +11 -2
  10. package/src/components/_global/css/admin/component.scss +1 -0
  11. package/src/components/_global/css/btn/component.scss +9 -0
  12. package/src/components/_global/css/img/image-position-utility-classes.scss +30 -0
  13. package/src/components/_global/css/img/image-ratio-utility-classes.scss +41 -0
  14. package/src/components/_global/css/img/images.scss +74 -5
  15. package/src/components/_global/css/modal/component.scss +1 -0
  16. package/src/components/_global/js/animate/global.js +272 -294
  17. package/src/components/_global/js/collapsible.js +3 -3
  18. package/src/components/_global/js/global.js +304 -316
  19. package/src/components/_global/js/legacyGlobal.js +63 -0
  20. package/src/components/_global/js/modal/global.js +218 -223
  21. package/src/components/_global/js/popover/controller.js +4 -4
  22. package/src/components/_global/js/tabs/global.js +264 -276
  23. package/src/components/a-z_listing/js/global.js +106 -92
  24. package/src/components/accordion/css/component.scss +24 -41
  25. package/src/components/accordion/html/component.hbs +23 -5
  26. package/src/components/accordion/js/global.js +5 -10
  27. package/src/components/basic_search/js/global.js +0 -7
  28. package/src/components/code/js/global.js +6 -12
  29. package/src/components/file_upload/js/global.js +1 -5
  30. package/src/components/internal_navigation/css/component.scss +2 -2
  31. package/src/components/internal_navigation/html/component.hbs +16 -1
  32. package/src/components/main_navigation/js/global.js +341 -335
  33. package/src/components/overflow_menu/css/component.scss +1 -0
  34. package/src/components/search_box/css/component.scss +0 -1
  35. package/src/components/tab/js/global.js +5 -10
  36. package/src/components/toggle_tip/js/global.js +0 -6
  37. package/src/components/tool_tip/js/global.js +0 -6
  38. package/src/components/video_player/css/component.scss +27 -9
  39. package/src/components/video_player/html/component.hbs +32 -6
  40. package/src/components/video_player/js/global.js +8 -1
  41. package/src/index.js +4 -0
  42. package/src/stories/Accordion/accordion.stories.js +1 -0
  43. package/src/stories/Banner/bannerContained.stories.js +123 -0
  44. package/src/stories/Flexbox/Flexbox.stories.js +316 -0
  45. package/src/stories/Image/Image.stories.js +182 -0
  46. package/src/stories/Templates/ContentPage.stories.js +101 -0
  47. package/src/stories/Templates/LandingPage.stories.js +193 -0
  48. package/src/stories/Templates/templateHelpers.js +102 -0
  49. package/src/stories/VideoPlayer/VideoPlayer.stories.js +16 -0
  50. package/src/styles/imports/utilities.scss +15 -25
  51. package/src/styles/imports/variables.scss +26 -0
  52. package/src/components/_global/html/head.html +0 -22
  53. package/src/components/_global/html/scripts.html +0 -28
  54. package/src/components/_global/js/_polyfills/global.js +0 -19
  55. package/src/components/_template/html/component-page.html +0 -75
  56. package/src/components/_template/js/global.js +0 -3
  57. package/src/components/accordion/html/accordion-group.html +0 -163
  58. package/src/components/accordion/html/default.html +0 -99
  59. package/src/components/banner_basic/js/global.js +0 -3
  60. package/src/components/loading_spinner/js/global.js +0 -3
  61. package/src/components/pagination/html/default.html +0 -39
  62. package/src/components/search_box/html/component.html +0 -26
  63. package/src/data/current.json +0 -400
  64. package/src/data/current_admin.json +0 -305
  65. package/src/data/model_component.js +0 -14
  66. package/src/data/site.json +0 -977
  67. package/src/externals/tinymce_classes.css +0 -62
  68. package/src/html/component-global-elements.html +0 -2857
  69. package/src/html/component-horizontal_rule.html +0 -647
  70. package/src/html/component-internal_navigation.html +0 -583
  71. package/src/html/component-left_hand_navigation.html +0 -57
  72. package/src/html/component-main_navigation.html +0 -583
  73. package/src/html/component-multi_column.html +0 -582
  74. package/src/html/components.html +0 -354
  75. package/src/html/home.html +0 -1898
  76. package/src/html/index.html +0 -129
  77. package/src/html/inner-with-nav.html +0 -605
  78. package/src/html/inner.html +0 -618
@@ -1,305 +0,0 @@
1
- {
2
- "data": {
3
- "assetid": "000",
4
- "type_code": "site",
5
- "version": "0",
6
- "name": "Queensland Design System",
7
- "short_name": "Queensland Design System",
8
- "languages": "en",
9
- "charset": "utf-8",
10
- "created": "2021-01-01 0:0:0",
11
- "created_userid": "54",
12
- "updated": "2021-01-01 0:0:0",
13
- "updated_userid": "111",
14
- "published": "Never",
15
- "published_userid": "111",
16
- "status_changed": "2021-01-01 0:0:0",
17
- "status_changed_userid": "54",
18
- "thumbnail": "",
19
- "attributes": {
20
- "name": {
21
- "value": "Design System Development"
22
- }
23
- },
24
- "metadata": {
25
- "shortDescription": {
26
- "value": "Short description"
27
- },
28
- "pageType": {
29
- "value": "landing"
30
- },
31
- "displayBreadcrumbs": {
32
- "value": "true"
33
- },
34
- "displayQuickExit": {
35
- "value": ""
36
- },
37
- "displayLastUpdated": {
38
- "value": "yes"
39
- },
40
- "dataSource": {
41
- "value": ""
42
- },
43
- "detailsPage": {
44
- "value": ""
45
- },
46
- "mapMarker": {
47
- "value": ""
48
- },
49
- "bookOnlineUrl": {
50
- "value": ""
51
- },
52
- "cardIcon": {
53
- "value": ""
54
- },
55
- "cardDisplayHeader": {
56
- "value": "false"
57
- },
58
- "cardDisplayHeadingAsLink": {
59
- "value": "true"
60
- },
61
- "cardCta1TileIcon": {
62
- "value": ""
63
- },
64
- "cardCta1TileText": {
65
- "value": ""
66
- },
67
- "cardCta1TileBackground": {
68
- "value": ""
69
- },
70
- "cardCta1TileURL": {
71
- "value": ""
72
- },
73
- "cardCta2TileIcon": {
74
- "value": ""
75
- },
76
- "cardCta2TileText": {
77
- "value": ""
78
- },
79
- "cardCta2TileBackground": {
80
- "value": ""
81
- },
82
- "cardCta2TileURL": {
83
- "value": ""
84
- },
85
- "cardDisplayFooter": {
86
- "value": "false"
87
- },
88
- "cardNewWindow": {
89
- "value": "false"
90
- },
91
- "displayBanner": {
92
- "value": "false"
93
- },
94
- "bannerBackground": {
95
- "value": ""
96
- },
97
- "bannerImageBackground": {
98
- "value": "18834"
99
- },
100
- "bannerSubTitle": {
101
- "value": ""
102
- },
103
- "siteTitle": {
104
- "value": "Queensland Design System"
105
- },
106
- "siteSubline": {
107
- "value": "Design System"
108
- },
109
- "siteTitleUrl": {
110
- "value": "/home.html"
111
- },
112
- "siteLogo": {
113
- "value": "13636"
114
- },
115
- "siteLogoUrl": {
116
- "value": ""
117
- },
118
- "siteLogoSecondary": {
119
- "value": ""
120
- },
121
- "siteFavicon": {
122
- "value": "15866"
123
- },
124
- "siteAppleTouch": {
125
- "value": "15866"
126
- },
127
- "sitePreHeaderLogo": {
128
- "value": "13637"
129
- },
130
- "sitePreHeaderText": {
131
- "value": "Development Branch"
132
- },
133
- "sitePreHeaderURL": {
134
- "value": "https://www.qld.gov.au"
135
- },
136
- "siteHeaderStyle": {
137
- "value": ""
138
- },
139
- "showHomeIcon": {
140
- "value": "true"
141
- },
142
- "showMegaMenu": {
143
- "value": "true"
144
- },
145
- "showPageDescription": {
146
- "value": "true"
147
- },
148
- "alertDisplay": {
149
- "value": "true"
150
- },
151
- "alertLevel": {
152
- "value": "critical"
153
- },
154
- "alertTitle": {
155
- "value": "Alert Title"
156
- },
157
- "alertMessage": {
158
- "value": "Alert Message"
159
- },
160
- "alertLinkTitle": {
161
- "value": "Learn more"
162
- },
163
- "alertLinkURL": {
164
- "value": "https://qhscb.squiz.cloud/bsq/covid-19"
165
- },
166
- "alertSourceComponent": {
167
- "value": "15796"
168
- },
169
- "siteRepository": {
170
- "value": "164"
171
- },
172
- "siteSearchAsset": {
173
- "value": "15663"
174
- },
175
- "siteSearchUrl": {
176
- "value": "http://qhscb.squiz.cloud/search"
177
- },
178
- "siteBrand": {
179
- "value": "dark"
180
- },
181
- "topic": {
182
- "value": "Topic 1; Topic 2"
183
- },
184
- "location": {
185
- "value": "Location 1"
186
- },
187
- "displayBackToTop": {
188
- "value": ""
189
- },
190
- "quickExitLabel": {
191
- "value": "Quick exit"
192
- },
193
- "quickExitLink": {
194
- "value": "/home.html"
195
- },
196
- "quickExitUrl": {
197
- "value": "http://qhscb.squiz.cloud"
198
- },
199
- "footerSiteTitle": {
200
- "value": "Queensland Design System"
201
- },
202
- "footerCTAHeading": {
203
- "value": "Help us improve"
204
- },
205
- "footerCTALink": {
206
- "value": "15788"
207
- },
208
- "footerCTALead": {
209
- "value": "We are always looking for ways to improve our website."
210
- },
211
- "footerCTAContact": {
212
- "value": ""
213
- },
214
- "footerLinks": {
215
- "value": "[\"15780\",\"15781\",\"15782\",\"15783\",\"15784\",\"15785\",\"15786\"]"
216
- },
217
- "footerSocialLinksHeading": {
218
- "value": "Follow us"
219
- },
220
- "footerSocialLinks": {
221
- "value": "[\"15790\",\"15791\",\"15792\",\"15793\",\"15794\"]"
222
- },
223
- "footerOptionalExtraLinksHeading": {
224
- "value": "Optional Column"
225
- },
226
- "footerOptionalSecondLinksList": {
227
- "value": "[]"
228
- },
229
- "footerLogo": {
230
- "value": "13637"
231
- },
232
- "footerCopyrightMessage": {
233
- "value": "© The State of Queensland 1995-2022"
234
- },
235
- "footerCopyrightLink": {
236
- "value": ""
237
- },
238
- "footerAcknowledgements": {
239
- "value": "Queensland Government acknowledges the Traditional Owners of the land and pays respect to Elders past, present and future."
240
- },
241
- "footerMetaMetadata": {
242
- "value": "{\"footerLinks\": [{\"asset_assetid\":\"15780\",\"asset_short_name^escapequotes\":\"Copyright\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Ffooter-nav%2Fcopyright\",\"redirect_url^urlencode\":\"https%3A%2F%2Fwww.health.qld.gov.au%2Fglobal%2Fcopyright-statement\"},{\"asset_assetid\":\"15781\",\"asset_short_name^escapequotes\":\"Disclaimer\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Ffooter-nav%2Fdisclaimer\",\"redirect_url^urlencode\":\"https%3A%2F%2Fwww.health.qld.gov.au%2Fglobal%2Fdisclaimer\"},{\"asset_assetid\":\"15782\",\"asset_short_name^escapequotes\":\"Privacy\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Ffooter-nav%2Fprivacy\",\"redirect_url^urlencode\":\"https%3A%2F%2Fwww.health.qld.gov.au%2Fglobal%2Fprivacy\"},{\"asset_assetid\":\"15783\",\"asset_short_name^escapequotes\":\"Right to information\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Ffooter-nav%2Fright-to-information\",\"redirect_url^urlencode\":\"https%3A%2F%2Fwww.health.qld.gov.au%2Fsystem-governance%2Fcontact-us%2Faccess-info\"},{\"asset_assetid\":\"15784\",\"asset_short_name^escapequotes\":\"Accessibility\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Ffooter-nav%2Faccessibility\",\"redirect_url^urlencode\":\"https%3A%2F%2Fwww.qld.gov.au%2Fhelp%2Faccessibility%2F\"},{\"asset_assetid\":\"15785\",\"asset_short_name^escapequotes\":\"Jobs\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Ffooter-nav%2Fjobs\",\"redirect_url^urlencode\":\"https%3A%2F%2Fsmartjobs.qld.gov.au%2Fjobtools%2Fjncustomsearch.jobsearch%3Fin_organid%3D14904\"},{\"asset_assetid\":\"15786\",\"asset_short_name^escapequotes\":\"Other languages\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Ffooter-nav%2Fother-languages\",\"redirect_url^urlencode\":\"https%3A%2F%2Fwww.qld.gov.au%2Flanguages%2F\"}], \"footerOptionalSecondLinksList\": null, \"footerSocialLinks\": [{\"asset_assetid\":\"15790\",\"asset_short_name^escapequotes\":\"Facebook\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Fsocial-links%2Ffacebook\",\"redirect_url^urlencode\":\"https%3A%2F%2Fwww.facebook.com%2FQLDHealth\"},{\"asset_assetid\":\"15791\",\"asset_short_name^escapequotes\":\"Twitter\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Fsocial-links%2Ftwitter\",\"redirect_url^urlencode\":\"https%3A%2F%2Ftwitter.com%2Fqldhealth\"},{\"asset_assetid\":\"15792\",\"asset_short_name^escapequotes\":\"LinkedIn\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Fsocial-links%2Flinkedin\",\"redirect_url^urlencode\":\"http%3A%2F%2Fwww.linkedin.com%2Fcompany%2Fqueensland-health\"},{\"asset_assetid\":\"15793\",\"asset_short_name^escapequotes\":\"Youtube\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Fsocial-links%2Fyoutube\",\"redirect_url^urlencode\":\"http%3A%2F%2Fwww.youtube.com%2Fuser%2FHealthierQueensland\"},{\"asset_assetid\":\"15794\",\"asset_short_name^escapequotes\":\"Instagram\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Fsocial-links%2Finstagram\",\"redirect_url^urlencode\":\"https%3A%2F%2Fwww.instagram.com%2Fqueenslandhealth%2F\"}], \"footerCTALink\": {\"asset_assetid\":\"15788\",\"asset_short_name^escapequotes\":\"Feedback\",\"asset_type_code\":\"page_redirect\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Ffooter%2Fcta%2Ffeedback\",\"redirect_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2Fcontact-us\"}, \"footerCopyrightLink\": null, \"footerLogo\": {\"asset_assetid\":\"13637\",\"asset_url^urlencode\":\"http%3A%2F%2Fqhscb.squiz.cloud%2F_designs%2Fimages%2Fheader-logo-qgov-light.svg\"} }"
243
- },
244
- "analyticsBodyCode": {
245
- "value": ""
246
- },
247
- "analyticsHeadCode": {
248
- "value": ""
249
- }
250
- }
251
- },
252
- "home": 0,
253
- "children": [
254
- {
255
- "asset_assetid": "14419",
256
- "asset_url": "/sf_admin_list.html?collection=services",
257
- "asset_name": "Services",
258
- "asset_short_name": "Services"
259
- },
260
- {
261
- "asset_assetid": "14419",
262
- "asset_url": "/sf_admin_list.html?collection=facilities",
263
- "asset_name": "Facilities",
264
- "asset_short_name": "Facilities"
265
- },
266
- {
267
- "asset_assetid": "14419",
268
- "asset_url": "/sf_admin_list.html?collection=service-categories",
269
- "asset_name": "Servivce Categories",
270
- "asset_short_name": "Service Categories"
271
- },
272
- {
273
- "asset_assetid": "14419",
274
- "asset_url": "/sf_admin_list.html?collection=service-locations",
275
- "asset_name": "Service Locations",
276
- "asset_short_name": "Service Locations"
277
- },
278
- {
279
- "asset_assetid": "14419",
280
- "asset_url": "/sf_admin_list.html?collection=hhs",
281
- "asset_name": "HHS List",
282
- "asset_short_name": "HHS List"
283
- }
284
- ],
285
- "lineage": [
286
- {
287
- "asset_assetid": "/home.html",
288
- "asset_name": "Design System Development",
289
- "asset_short_name": "Design System Development",
290
- "asset_url": "/"
291
- },
292
- {
293
- "asset_assetid": "14409",
294
- "asset_name": "Admin",
295
- "asset_short_name": "Admin",
296
- "asset_url": "/"
297
- }
298
- ],
299
- "top": {
300
- "asset_assetid": "14409",
301
- "asset_name": "Administration",
302
- "asset_short_name": "Administration",
303
- "asset_url": "/"
304
- }
305
- }
@@ -1,14 +0,0 @@
1
- var data = function (component) {
2
- var current = require("current.json");
3
- var site = require("site.json");
4
- var data = require(`../components/${component}/js/manifest.json`);
5
- return {
6
- containerId: component,
7
- data: data,
8
- content: "Lorem ipsum dolor sit amet",
9
- globals: {
10
- current: current,
11
- site: site,
12
- },
13
- };
14
- };