@qhealth-design-system/core 1.0.38

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 (503) hide show
  1. package/.babelrc +15 -0
  2. package/.browserslistrc +5 -0
  3. package/.editorconfig +19 -0
  4. package/.eslintignore +1 -0
  5. package/.eslintrc +25 -0
  6. package/.gitattributes +2 -0
  7. package/.github/workflows/release_package.yml +103 -0
  8. package/CHANGELOG.md +14 -0
  9. package/README.md +534 -0
  10. package/dist/api/service_finder/schemas.json +1 -0
  11. package/dist/component-abstract.html +884 -0
  12. package/dist/component-accordion.html +1157 -0
  13. package/dist/component-banner.html +928 -0
  14. package/dist/component-banner_advanced.html +1524 -0
  15. package/dist/component-banner_basic.html +1189 -0
  16. package/dist/component-banner_intermediate.html +1288 -0
  17. package/dist/component-body.html +919 -0
  18. package/dist/component-breadcrumbs.html +881 -0
  19. package/dist/component-btn.html +829 -0
  20. package/dist/component-callout.html +964 -0
  21. package/dist/component-card_feature.html +1805 -0
  22. package/dist/component-card_multi_action.html +1965 -0
  23. package/dist/component-card_no_action.html +1632 -0
  24. package/dist/component-card_single_action.html +1772 -0
  25. package/dist/component-code.html +928 -0
  26. package/dist/component-footer.html +1131 -0
  27. package/dist/component-forms.html +1297 -0
  28. package/dist/component-global-elements.html +1243 -0
  29. package/dist/component-global_alert.html +891 -0
  30. package/dist/component-header.html +1155 -0
  31. package/dist/component-in_page_navigation.html +920 -0
  32. package/dist/component-internal_navigation.html +1097 -0
  33. package/dist/component-left_hand_navigation.html +995 -0
  34. package/dist/component-main_navigation.html +999 -0
  35. package/dist/component-mega_main_navigation.html +1145 -0
  36. package/dist/component-multi_column.html +1116 -0
  37. package/dist/component-page_alert.html +911 -0
  38. package/dist/component-pagination.html +971 -0
  39. package/dist/component-tag_list.html +979 -0
  40. package/dist/component-updated_date.html +778 -0
  41. package/dist/component-widgets.html +851 -0
  42. package/dist/components/_global/import.xml +95 -0
  43. package/dist/components/_global/manifest.json +11 -0
  44. package/dist/components/_global/presentation.js +50 -0
  45. package/dist/components/_global/static.html +30 -0
  46. package/dist/components/_template/import.xml +299 -0
  47. package/dist/components/_template/manifest.json +40 -0
  48. package/dist/components/_template/presentation.js +12 -0
  49. package/dist/components/_template/static.html +4 -0
  50. package/dist/components/abstract/import.xml +231 -0
  51. package/dist/components/abstract/manifest.json +29 -0
  52. package/dist/components/abstract/presentation.js +33 -0
  53. package/dist/components/abstract/static.html +9 -0
  54. package/dist/components/accordion/import.xml +1929 -0
  55. package/dist/components/accordion/manifest.json +427 -0
  56. package/dist/components/accordion/presentation.js +112 -0
  57. package/dist/components/accordion/static.html +56 -0
  58. package/dist/components/banner/import.xml +95 -0
  59. package/dist/components/banner/manifest.json +11 -0
  60. package/dist/components/banner/presentation.js +138 -0
  61. package/dist/components/banner/static.html +39 -0
  62. package/dist/components/banner_advanced/import.xml +1969 -0
  63. package/dist/components/banner_advanced/manifest.json +1450 -0
  64. package/dist/components/banner_advanced/presentation.js +564 -0
  65. package/dist/components/banner_advanced/static.html +159 -0
  66. package/dist/components/banner_basic/import.xml +907 -0
  67. package/dist/components/banner_basic/manifest.json +151 -0
  68. package/dist/components/banner_basic/presentation.js +325 -0
  69. package/dist/components/banner_basic/static.html +86 -0
  70. package/dist/components/banner_intermediate/import.xml +1473 -0
  71. package/dist/components/banner_intermediate/manifest.json +248 -0
  72. package/dist/components/banner_intermediate/presentation.js +410 -0
  73. package/dist/components/banner_intermediate/static.html +102 -0
  74. package/dist/components/body/import.xml +343 -0
  75. package/dist/components/body/manifest.json +46 -0
  76. package/dist/components/body/presentation.js +37 -0
  77. package/dist/components/body/static.html +5 -0
  78. package/dist/components/breadcrumbs/import.xml +95 -0
  79. package/dist/components/breadcrumbs/manifest.json +9 -0
  80. package/dist/components/breadcrumbs/presentation.js +99 -0
  81. package/dist/components/breadcrumbs/static.html +21 -0
  82. package/dist/components/callout/import.xml +953 -0
  83. package/dist/components/callout/manifest.json +121 -0
  84. package/dist/components/callout/presentation.js +103 -0
  85. package/dist/components/callout/static.html +10 -0
  86. package/dist/components/card_feature/import.xml +2355 -0
  87. package/dist/components/card_feature/manifest.json +1390 -0
  88. package/dist/components/card_feature/presentation.js +365 -0
  89. package/dist/components/card_feature/static.html +80 -0
  90. package/dist/components/card_multi_action/import.xml +1539 -0
  91. package/dist/components/card_multi_action/manifest.json +1314 -0
  92. package/dist/components/card_multi_action/presentation.js +638 -0
  93. package/dist/components/card_multi_action/static.html +120 -0
  94. package/dist/components/card_no_action/import.xml +1449 -0
  95. package/dist/components/card_no_action/manifest.json +1264 -0
  96. package/dist/components/card_no_action/presentation.js +454 -0
  97. package/dist/components/card_no_action/static.html +94 -0
  98. package/dist/components/card_single_action/import.xml +1539 -0
  99. package/dist/components/card_single_action/manifest.json +1273 -0
  100. package/dist/components/card_single_action/presentation.js +498 -0
  101. package/dist/components/card_single_action/static.html +103 -0
  102. package/dist/components/code/import.xml +569 -0
  103. package/dist/components/code/manifest.json +112 -0
  104. package/dist/components/code/presentation.js +124 -0
  105. package/dist/components/code/static.html +15 -0
  106. package/dist/components/footer/import.xml +95 -0
  107. package/dist/components/footer/manifest.json +9 -0
  108. package/dist/components/footer/presentation.js +409 -0
  109. package/dist/components/footer/static.html +146 -0
  110. package/dist/components/global_alert/import.xml +95 -0
  111. package/dist/components/global_alert/manifest.json +9 -0
  112. package/dist/components/global_alert/presentation.js +81 -0
  113. package/dist/components/global_alert/static.html +26 -0
  114. package/dist/components/header/import.xml +95 -0
  115. package/dist/components/header/manifest.json +11 -0
  116. package/dist/components/header/presentation.js +190 -0
  117. package/dist/components/header/static.html +158 -0
  118. package/dist/components/horizontal_rule/import.xml +547 -0
  119. package/dist/components/horizontal_rule/manifest.json +69 -0
  120. package/dist/components/horizontal_rule/presentation.js +50 -0
  121. package/dist/components/horizontal_rule/static.html +4 -0
  122. package/dist/components/in_page_navigation/import.xml +253 -0
  123. package/dist/components/in_page_navigation/manifest.json +35 -0
  124. package/dist/components/in_page_navigation/presentation.js +14 -0
  125. package/dist/components/in_page_navigation/static.html +13 -0
  126. package/dist/components/internal_navigation/import.xml +95 -0
  127. package/dist/components/internal_navigation/manifest.json +11 -0
  128. package/dist/components/internal_navigation/presentation.js +165 -0
  129. package/dist/components/internal_navigation/static.html +130 -0
  130. package/dist/components/left_hand_navigation/import.xml +299 -0
  131. package/dist/components/left_hand_navigation/manifest.json +40 -0
  132. package/dist/components/left_hand_navigation/presentation.js +178 -0
  133. package/dist/components/left_hand_navigation/static.html +64 -0
  134. package/dist/components/main_navigation/import.xml +95 -0
  135. package/dist/components/main_navigation/manifest.json +11 -0
  136. package/dist/components/main_navigation/presentation.js +150 -0
  137. package/dist/components/main_navigation/static.html +80 -0
  138. package/dist/components/mega_main_navigation/import.xml +95 -0
  139. package/dist/components/mega_main_navigation/manifest.json +9 -0
  140. package/dist/components/mega_main_navigation/presentation.js +380 -0
  141. package/dist/components/mega_main_navigation/static.html +153 -0
  142. package/dist/components/multi_column/import.xml +1631 -0
  143. package/dist/components/multi_column/manifest.json +233 -0
  144. package/dist/components/multi_column/presentation.js +249 -0
  145. package/dist/components/multi_column/static.html +36 -0
  146. package/dist/components/page_alert/import.xml +479 -0
  147. package/dist/components/page_alert/manifest.json +63 -0
  148. package/dist/components/page_alert/presentation.js +67 -0
  149. package/dist/components/page_alert/static.html +8 -0
  150. package/dist/components/pagination/import.xml +95 -0
  151. package/dist/components/pagination/manifest.json +42 -0
  152. package/dist/components/pagination/presentation.js +84 -0
  153. package/dist/components/pagination/static.html +5 -0
  154. package/dist/components/updated_date/import.xml +95 -0
  155. package/dist/components/updated_date/manifest.json +9 -0
  156. package/dist/components/updated_date/presentation.js +34 -0
  157. package/dist/components/updated_date/static.html +6 -0
  158. package/dist/components/widgets/import.xml +95 -0
  159. package/dist/components/widgets/manifest.json +9 -0
  160. package/dist/components/widgets/presentation.js +40 -0
  161. package/dist/components/widgets/static.html +0 -0
  162. package/dist/components.html +790 -0
  163. package/dist/externals/componentPreview.js +101 -0
  164. package/dist/externals/dsComponentLoader.js +410 -0
  165. package/dist/externals/esri-leaflet-vector.js +5 -0
  166. package/dist/externals/esri-leaflet.js +12 -0
  167. package/dist/externals/fb-handlebars.min.js +29 -0
  168. package/dist/externals/fb-typeahead.bundle.min.js +6 -0
  169. package/dist/externals/funnelback.autocompletion-2.6.0.js +678 -0
  170. package/dist/externals/getPagination.js +62 -0
  171. package/dist/externals/handlebars.min-v4.7.6.js +29 -0
  172. package/dist/externals/leaflet.js +6 -0
  173. package/dist/externals/populateDatastoreSim.js +381 -0
  174. package/dist/externals/tinymce_classes.css +62 -0
  175. package/dist/home.html +694 -0
  176. package/dist/index.html +710 -0
  177. package/dist/inner-with-nav.html +1853 -0
  178. package/dist/inner.html +671 -0
  179. package/dist/js/helpers.js +892 -0
  180. package/dist/js/main.js +55 -0
  181. package/dist/js/main.js.map +1 -0
  182. package/dist/js/runtime.js +2 -0
  183. package/dist/js/runtime.js.map +1 -0
  184. package/dist/main.css +918 -0
  185. package/dist/main.css.map +1 -0
  186. package/dist/mysource_files/ajax-loader.gif +0 -0
  187. package/dist/mysource_files/favicons/favicon.ico +0 -0
  188. package/dist/mysource_files/img/100x100.jpg +0 -0
  189. package/dist/mysource_files/img/600x260.jpg +0 -0
  190. package/dist/mysource_files/img/Heart-Pattern-Dark.png +0 -0
  191. package/dist/mysource_files/img/Heart-Pattern.png +0 -0
  192. package/dist/mysource_files/img/banner-background--desktop.png +0 -0
  193. package/dist/mysource_files/img/banner-background--mobile.png +0 -0
  194. package/dist/mysource_files/img/banner-bg.png +0 -0
  195. package/dist/mysource_files/img/banner.png +0 -0
  196. package/dist/mysource_files/img/card--brand.png +0 -0
  197. package/dist/mysource_files/img/card--components.png +0 -0
  198. package/dist/mysource_files/img/card--content.png +0 -0
  199. package/dist/mysource_files/img/header-logo-agov.png +0 -0
  200. package/dist/mysource_files/img/header-logo-qgov--dark.svg +63 -0
  201. package/dist/mysource_files/img/header-logo-qgov--light.svg +56 -0
  202. package/dist/mysource_files/img/header-logo-qgov--pre-dark.svg +56 -0
  203. package/dist/mysource_files/img/header-search.svg +3 -0
  204. package/dist/mysource_files/img/layers-2x.png +0 -0
  205. package/dist/mysource_files/img/layers.png +0 -0
  206. package/dist/mysource_files/img/marker-icon.png +0 -0
  207. package/dist/mysource_files/img/svg-icons.svg +155 -0
  208. package/dist/mysource_files/img/video-play.svg +3 -0
  209. package/dist/mysource_files/slick.eot +0 -0
  210. package/dist/mysource_files/slick.svg +14 -0
  211. package/dist/mysource_files/slick.ttf +0 -0
  212. package/dist/mysource_files/slick.woff +0 -0
  213. package/package-lock.json +14276 -0
  214. package/package.json +79 -0
  215. package/scripts/add_component.sh +109 -0
  216. package/src/assets/favicons/favicon.ico +0 -0
  217. package/src/assets/img/100x100.jpg +0 -0
  218. package/src/assets/img/600x260.jpg +0 -0
  219. package/src/assets/img/Heart-Pattern-Dark.png +0 -0
  220. package/src/assets/img/Heart-Pattern.png +0 -0
  221. package/src/assets/img/banner-background--desktop.png +0 -0
  222. package/src/assets/img/banner-background--mobile.png +0 -0
  223. package/src/assets/img/banner-bg.png +0 -0
  224. package/src/assets/img/banner.png +0 -0
  225. package/src/assets/img/card--brand.png +0 -0
  226. package/src/assets/img/card--components.png +0 -0
  227. package/src/assets/img/card--content.png +0 -0
  228. package/src/assets/img/header-logo-agov.png +0 -0
  229. package/src/assets/img/header-logo-qgov--dark.svg +63 -0
  230. package/src/assets/img/header-logo-qgov--light.svg +56 -0
  231. package/src/assets/img/header-logo-qgov--pre-dark.svg +56 -0
  232. package/src/assets/img/header-search.svg +3 -0
  233. package/src/assets/img/layers-2x.png +0 -0
  234. package/src/assets/img/layers.png +0 -0
  235. package/src/assets/img/marker-icon.png +0 -0
  236. package/src/assets/img/svg-icons.svg +155 -0
  237. package/src/assets/img/video-play.svg +3 -0
  238. package/src/components/_global/css/admin/component.scss +71 -0
  239. package/src/components/_global/css/body/component.scss +897 -0
  240. package/src/components/_global/css/btn/component.scss +564 -0
  241. package/src/components/_global/css/cta_links/component.scss +121 -0
  242. package/src/components/_global/css/direction_links/component.scss +196 -0
  243. package/src/components/_global/css/example/component.scss +54 -0
  244. package/src/components/_global/css/forms/control_inputs/component.scss +349 -0
  245. package/src/components/_global/css/forms/general/component.scss +298 -0
  246. package/src/components/_global/css/forms/select/component.scss +230 -0
  247. package/src/components/_global/css/forms/text/component.scss +402 -0
  248. package/src/components/_global/css/global.scss +42 -0
  249. package/src/components/_global/css/grid-12/component.scss +331 -0
  250. package/src/components/_global/css/headings/component.scss +172 -0
  251. package/src/components/_global/css/icons/component.scss +29 -0
  252. package/src/components/_global/css/link_columns/component.scss +194 -0
  253. package/src/components/_global/css/link_list/component.scss +37 -0
  254. package/src/components/_global/css/modal/component.scss +182 -0
  255. package/src/components/_global/css/slick/component.scss +25 -0
  256. package/src/components/_global/css/table/component.scss +211 -0
  257. package/src/components/_global/css/tabs/component.scss +43 -0
  258. package/src/components/_global/css/tags/component.scss +272 -0
  259. package/src/components/_global/css/user_location/component.scss +38 -0
  260. package/src/components/_global/css/version/component.scss +47 -0
  261. package/src/components/_global/html/component.hbs +108 -0
  262. package/src/components/_global/html/ds_component.hbs +30 -0
  263. package/src/components/_global/html/head.html +63 -0
  264. package/src/components/_global/html/scripts.html +58 -0
  265. package/src/components/_global/js/_polyfills/global.js +18 -0
  266. package/src/components/_global/js/animate/global.js +324 -0
  267. package/src/components/_global/js/forms/global.js +182 -0
  268. package/src/components/_global/js/global.js +302 -0
  269. package/src/components/_global/js/manifest.json +11 -0
  270. package/src/components/_global/js/modal/global.js +236 -0
  271. package/src/components/_global/js/slick/global.js +153 -0
  272. package/src/components/_global/js/tabs/global.js +305 -0
  273. package/src/components/_global/js/user_location/global.js +116 -0
  274. package/src/components/_template/css/component.scss +22 -0
  275. package/src/components/_template/html/component-page.html +85 -0
  276. package/src/components/_template/html/component.hbs +4 -0
  277. package/src/components/_template/js/global.js +6 -0
  278. package/src/components/_template/js/manifest.json +40 -0
  279. package/src/components/abstract/css/component.scss +91 -0
  280. package/src/components/abstract/html/component.hbs +9 -0
  281. package/src/components/abstract/js/manifest.json +29 -0
  282. package/src/components/accordion/css/component.scss +329 -0
  283. package/src/components/accordion/html/accordion-group.html +157 -0
  284. package/src/components/accordion/html/component.hbs +46 -0
  285. package/src/components/accordion/html/default.html +92 -0
  286. package/src/components/accordion/js/global.js +413 -0
  287. package/src/components/accordion/js/manifest.json +427 -0
  288. package/src/components/banner/css/component.scss +664 -0
  289. package/src/components/banner/html/component.hbs +52 -0
  290. package/src/components/banner/js/manifest.json +11 -0
  291. package/src/components/banner_advanced/css/component.scss +7 -0
  292. package/src/components/banner_advanced/html/component.hbs +213 -0
  293. package/src/components/banner_advanced/js/global.js +6 -0
  294. package/src/components/banner_advanced/js/manifest.json +1450 -0
  295. package/src/components/banner_basic/css/component.scss +52 -0
  296. package/src/components/banner_basic/html/component.hbs +130 -0
  297. package/src/components/banner_basic/js/global.js +6 -0
  298. package/src/components/banner_basic/js/manifest.json +151 -0
  299. package/src/components/banner_intermediate/css/component.scss +276 -0
  300. package/src/components/banner_intermediate/html/component.hbs +165 -0
  301. package/src/components/banner_intermediate/js/global.js +6 -0
  302. package/src/components/banner_intermediate/js/manifest.json +248 -0
  303. package/src/components/body/css/component.scss +16 -0
  304. package/src/components/body/html/component.hbs +5 -0
  305. package/src/components/body/js/manifest.json +46 -0
  306. package/src/components/breadcrumbs/css/component.scss +236 -0
  307. package/src/components/breadcrumbs/html/component.hbs +29 -0
  308. package/src/components/breadcrumbs/js/manifest.json +9 -0
  309. package/src/components/callout/css/component.scss +146 -0
  310. package/src/components/callout/html/component.hbs +28 -0
  311. package/src/components/callout/js/manifest.json +121 -0
  312. package/src/components/card_feature/css/component.scss +224 -0
  313. package/src/components/card_feature/html/component.hbs +129 -0
  314. package/src/components/card_feature/js/manifest.json +1390 -0
  315. package/src/components/card_multi_action/css/component.scss +229 -0
  316. package/src/components/card_multi_action/html/component.hbs +192 -0
  317. package/src/components/card_multi_action/js/manifest.json +1314 -0
  318. package/src/components/card_no_action/css/component.scss +551 -0
  319. package/src/components/card_no_action/html/component.hbs +127 -0
  320. package/src/components/card_no_action/js/global.js +6 -0
  321. package/src/components/card_no_action/js/manifest.json +1264 -0
  322. package/src/components/card_single_action/css/component.scss +164 -0
  323. package/src/components/card_single_action/html/component.hbs +161 -0
  324. package/src/components/card_single_action/js/manifest.json +1273 -0
  325. package/src/components/code/css/component.scss +355 -0
  326. package/src/components/code/html/component.hbs +84 -0
  327. package/src/components/code/js/global.js +160 -0
  328. package/src/components/code/js/manifest.json +112 -0
  329. package/src/components/footer/css/component.scss +437 -0
  330. package/src/components/footer/html/component.hbs +177 -0
  331. package/src/components/footer/js/manifest.json +9 -0
  332. package/src/components/global_alert/css/component.scss +169 -0
  333. package/src/components/global_alert/html/component.hbs +38 -0
  334. package/src/components/global_alert/js/global.js +39 -0
  335. package/src/components/global_alert/js/manifest.json +9 -0
  336. package/src/components/header/css/component.scss +697 -0
  337. package/src/components/header/html/component.hbs +186 -0
  338. package/src/components/header/js/global.js +188 -0
  339. package/src/components/header/js/manifest.json +11 -0
  340. package/src/components/horizontal_rule/css/component.scss +37 -0
  341. package/src/components/horizontal_rule/html/component.hbs +6 -0
  342. package/src/components/horizontal_rule/js/manifest.json +69 -0
  343. package/src/components/in_page_navigation/css/component.scss +54 -0
  344. package/src/components/in_page_navigation/html/component.hbs +17 -0
  345. package/src/components/in_page_navigation/js/global.js +51 -0
  346. package/src/components/in_page_navigation/js/manifest.json +35 -0
  347. package/src/components/internal_navigation/css/component.scss +437 -0
  348. package/src/components/internal_navigation/html/component.hbs +57 -0
  349. package/src/components/internal_navigation/js/manifest.json +11 -0
  350. package/src/components/left_hand_navigation/css/component.scss +280 -0
  351. package/src/components/left_hand_navigation/html/component.hbs +77 -0
  352. package/src/components/left_hand_navigation/js/global.js +36 -0
  353. package/src/components/left_hand_navigation/js/manifest.json +40 -0
  354. package/src/components/main_navigation/css/component.scss +706 -0
  355. package/src/components/main_navigation/html/component.hbs +87 -0
  356. package/src/components/main_navigation/js/global.js +373 -0
  357. package/src/components/main_navigation/js/manifest.json +11 -0
  358. package/src/components/mega_main_navigation/css/component.scss +535 -0
  359. package/src/components/mega_main_navigation/html/component.hbs +157 -0
  360. package/src/components/mega_main_navigation/js/global.js +170 -0
  361. package/src/components/mega_main_navigation/js/manifest.json +9 -0
  362. package/src/components/multi_column/css/component.scss +11 -0
  363. package/src/components/multi_column/html/component.hbs +98 -0
  364. package/src/components/multi_column/js/manifest.json +233 -0
  365. package/src/components/page_alert/css/component.scss +132 -0
  366. package/src/components/page_alert/html/component.hbs +26 -0
  367. package/src/components/page_alert/js/manifest.json +63 -0
  368. package/src/components/pagination/css/component.scss +196 -0
  369. package/src/components/pagination/html/component.hbs +41 -0
  370. package/src/components/pagination/html/default.html +30 -0
  371. package/src/components/pagination/js/manifest.json +42 -0
  372. package/src/components/search_box/css/component.scss +48 -0
  373. package/src/components/search_box/html/component.html +11 -0
  374. package/src/components/search_box/js/manifest.json +73 -0
  375. package/src/components/updated_date/css/component.scss +0 -0
  376. package/src/components/updated_date/html/component.hbs +31 -0
  377. package/src/components/updated_date/js/manifest.json +9 -0
  378. package/src/components/widgets/css/component.scss +82 -0
  379. package/src/components/widgets/html/component.hbs +19 -0
  380. package/src/components/widgets/html/default.html +4 -0
  381. package/src/components/widgets/js/current.json +483 -0
  382. package/src/components/widgets/js/manifest.json +9 -0
  383. package/src/components/widgets/js/site.json +358 -0
  384. package/src/data/current.json +522 -0
  385. package/src/data/current_admin.json +305 -0
  386. package/src/data/model_component.js +14 -0
  387. package/src/data/site.json +762 -0
  388. package/src/externals/componentPreview.js +101 -0
  389. package/src/externals/dsComponentLoader.js +410 -0
  390. package/src/externals/esri-leaflet-vector.js +5 -0
  391. package/src/externals/esri-leaflet.js +12 -0
  392. package/src/externals/fb-handlebars.min.js +29 -0
  393. package/src/externals/fb-typeahead.bundle.min.js +6 -0
  394. package/src/externals/funnelback.autocompletion-2.6.0.js +678 -0
  395. package/src/externals/getPagination.js +62 -0
  396. package/src/externals/handlebars.min-v4.7.6.js +29 -0
  397. package/src/externals/leaflet.js +6 -0
  398. package/src/externals/populateDatastoreSim.js +381 -0
  399. package/src/externals/tinymce_classes.css +62 -0
  400. package/src/helpers/Handlebars/appendIf.js +6 -0
  401. package/src/helpers/Handlebars/arrayLength.js +3 -0
  402. package/src/helpers/Handlebars/arrayWith.js +13 -0
  403. package/src/helpers/Handlebars/capitaliseFirst.js +8 -0
  404. package/src/helpers/Handlebars/charMax.js +8 -0
  405. package/src/helpers/Handlebars/checkIf.js +20 -0
  406. package/src/helpers/Handlebars/columnWidth.js +39 -0
  407. package/src/helpers/Handlebars/contains.js +7 -0
  408. package/src/helpers/Handlebars/createMap.js +19 -0
  409. package/src/helpers/Handlebars/dsMapFromID.js +8 -0
  410. package/src/helpers/Handlebars/dsMapFromProp.js +8 -0
  411. package/src/helpers/Handlebars/eachByName.js +18 -0
  412. package/src/helpers/Handlebars/eachDS.js +7 -0
  413. package/src/helpers/Handlebars/eachFrom.js +13 -0
  414. package/src/helpers/Handlebars/eachUpTo.js +8 -0
  415. package/src/helpers/Handlebars/eachWhen.js +33 -0
  416. package/src/helpers/Handlebars/formatDate.js +62 -0
  417. package/src/helpers/Handlebars/generateDates.js +74 -0
  418. package/src/helpers/Handlebars/getDistance.js +40 -0
  419. package/src/helpers/Handlebars/getObject.js +3 -0
  420. package/src/helpers/Handlebars/getParamaterByName.js +11 -0
  421. package/src/helpers/Handlebars/getPossibleValues.js +13 -0
  422. package/src/helpers/Handlebars/getProp.js +3 -0
  423. package/src/helpers/Handlebars/getTags.js +20 -0
  424. package/src/helpers/Handlebars/getTitle.js +4 -0
  425. package/src/helpers/Handlebars/ifAny.js +9 -0
  426. package/src/helpers/Handlebars/ifArray.js +3 -0
  427. package/src/helpers/Handlebars/ifCond.js +31 -0
  428. package/src/helpers/Handlebars/ifEqualsOrChained.js +12 -0
  429. package/src/helpers/Handlebars/ifProp.js +3 -0
  430. package/src/helpers/Handlebars/if_eq.js +9 -0
  431. package/src/helpers/Handlebars/inArray.js +8 -0
  432. package/src/helpers/Handlebars/isPage.js +7 -0
  433. package/src/helpers/Handlebars/itemAt.js +11 -0
  434. package/src/helpers/Handlebars/jsonParse.js +8 -0
  435. package/src/helpers/Handlebars/jsonStringify.js +3 -0
  436. package/src/helpers/Handlebars/listAZ.js +51 -0
  437. package/src/helpers/Handlebars/listAZOptions.js +34 -0
  438. package/src/helpers/Handlebars/listByClosest.js +60 -0
  439. package/src/helpers/Handlebars/listByClosestWithOffset.js +63 -0
  440. package/src/helpers/Handlebars/math.js +11 -0
  441. package/src/helpers/Handlebars/newLineToBreak.js +6 -0
  442. package/src/helpers/Handlebars/nonBreakingSpaces.js +6 -0
  443. package/src/helpers/Handlebars/objectFromSelect.js +21 -0
  444. package/src/helpers/Handlebars/partialReplace.js +9 -0
  445. package/src/helpers/Handlebars/printAccordion.js +24 -0
  446. package/src/helpers/Handlebars/replace.js +8 -0
  447. package/src/helpers/Handlebars/replaceMany.js +5 -0
  448. package/src/helpers/Handlebars/sizeFormat.js +11 -0
  449. package/src/helpers/Handlebars/split.js +6 -0
  450. package/src/helpers/Handlebars/toUpperCase.js +7 -0
  451. package/src/helpers/Handlebars/urldecode.js +3 -0
  452. package/src/helpers/Handlebars/urlencode.js +3 -0
  453. package/src/helpers/Handlebars/withinObject.js +13 -0
  454. package/src/html/component-abstract.html +86 -0
  455. package/src/html/component-accordion.html +87 -0
  456. package/src/html/component-banner.html +84 -0
  457. package/src/html/component-banner_advanced.html +97 -0
  458. package/src/html/component-banner_basic.html +163 -0
  459. package/src/html/component-banner_intermediate.html +91 -0
  460. package/src/html/component-body.html +116 -0
  461. package/src/html/component-breadcrumbs.html +88 -0
  462. package/src/html/component-btn.html +117 -0
  463. package/src/html/component-callout.html +86 -0
  464. package/src/html/component-card_feature.html +631 -0
  465. package/src/html/component-card_multi_action.html +793 -0
  466. package/src/html/component-card_no_action.html +521 -0
  467. package/src/html/component-card_single_action.html +631 -0
  468. package/src/html/component-code.html +84 -0
  469. package/src/html/component-footer.html +87 -0
  470. package/src/html/component-forms.html +585 -0
  471. package/src/html/component-global-elements.html +531 -0
  472. package/src/html/component-global_alert.html +87 -0
  473. package/src/html/component-header.html +88 -0
  474. package/src/html/component-in_page_navigation.html +109 -0
  475. package/src/html/component-internal_navigation.html +87 -0
  476. package/src/html/component-left_hand_navigation.html +85 -0
  477. package/src/html/component-main_navigation.html +87 -0
  478. package/src/html/component-mega_main_navigation.html +88 -0
  479. package/src/html/component-multi_column.html +86 -0
  480. package/src/html/component-page_alert.html +86 -0
  481. package/src/html/component-pagination.html +86 -0
  482. package/src/html/component-tag_list.html +340 -0
  483. package/src/html/component-updated_date.html +88 -0
  484. package/src/html/component-widgets.html +90 -0
  485. package/src/html/components.html +136 -0
  486. package/src/html/home.html +126 -0
  487. package/src/html/index.html +142 -0
  488. package/src/html/inner-with-nav.html +1126 -0
  489. package/src/html/inner.html +107 -0
  490. package/src/index.js +12 -0
  491. package/src/styles/global.scss +120 -0
  492. package/src/styles/imports/figma.scss +0 -0
  493. package/src/styles/imports/functions.scss +519 -0
  494. package/src/styles/imports/mixins.scss +658 -0
  495. package/src/styles/imports/placeholders.scss +68 -0
  496. package/src/styles/imports/utilities.scss +185 -0
  497. package/src/styles/imports/variables.scss +484 -0
  498. package/src/styles/postcss.config.js +4 -0
  499. package/webpack/JsonMergePlugin.js +35 -0
  500. package/webpack/PrecompilePlugin.js +369 -0
  501. package/webpack/webpack.common.js +151 -0
  502. package/webpack/webpack.dev.js +54 -0
  503. package/webpack/webpack.prod.js +70 -0
package/src/html/inner-with-nav.html ADDED
@@ -0,0 +1,1126 @@
1
+ <!DOCTYPE html>
2
+ <!--[if lt IE 8]>
3
+ <html class="no-js lt-ie8 lt-ie9" lang="en">
4
+ <![endif]-->
5
+ <!--[if IE 8]>
6
+ <html class="no-js lt-ie9 ie8" lang="en">
7
+ <![endif]-->
8
+ <!--[if IE 9]>
9
+ <html class="no-js ie9" lang="en">
10
+ <![endif]-->
11
+ <!--[if !(IE)]><!-->
12
+ <html class="no-js" lang="en">
13
+ <!--<![endif]-->
14
+
15
+ <head>
16
+ <title>Queensland Design System</title>
17
+ ${require('../components/_global/html/head.html')}
18
+ <script>
19
+ var globals = {"site":{"data":{"assetid":"136","type_code":"site","version":"0.0.8","name":"Design System","short_name":"Design System","status":"2","force_secure":"0","languages":"en","charset":"utf-8","created":"2020-12-09 13:11:12","created_userid":"54","updated":"2021-01-20 15:08:30","updated_userid":"312","published":"Never","published_userid":"","status_changed":"2020-12-09 13:11:12","status_changed_userid":"54","thumbnail":"","attributes":{"name":{"attrid":"685","type":"text","value":"Design System","is_contextable":true,"use_default":true},"not_found_page_cache_globally":{"attrid":"686","type":"boolean","value":false,"is_contextable":false,"use_default":true},"available_conditions":{"attrid":"687","type":"serialise","value":[],"is_contextable":false,"use_default":true}},"metadata":{"displayInPageNav":{"value":"","fieldid":"808","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"inPageNav_heading":{"value":"On this page","fieldid":"809","type":"metadata_field_text","is_contextable":true,"default_value":true,"use_default":true},"inPageNav_headingType":{"value":"h2","fieldid":"810","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"siteTitle":{"value":"Queensland Health Design System","fieldid":"166","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"siteLogo":{"value":"169","fieldid":"127","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"siteFavicon":{"value":"106","fieldid":"128","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"siteAppleTouch":{"value":"106","fieldid":"129","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"sitePreHeaderLogo":{"value":"170","fieldid":"171","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"sitePreHeaderText":{"value":"digital.qld.gov.au","fieldid":"167","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"sitePreHeaderURL":{"value":"http://www.digital.qld.gov.au","fieldid":"168","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"showHomeIcon":{"value":"true","fieldid":"481","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"siteRepository":{"value":"164","fieldid":"213","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"footerLinks":{"value":"[\"186\",\"194\",\"198\",\"458\",\"676\"]","fieldid":"715","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"footerCopyrightMessage":{"value":"© The State of Queensland 2020","fieldid":"722","type":"metadata_field_text","is_contextable":true,"default_value":true,"use_default":true},"footerCopyrightLink":{"value":"206","fieldid":"723","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"footerCTAHeading":{"value":"Help us improve","fieldid":"724","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"footerCTALead":{"value":"We are always looking for ways to improve our website.","fieldid":"725","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"footerCTALink":{"value":"186","fieldid":"726","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true}}},"metadata":{"displayInPageNav":{"value":"","fieldid":"808","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"inPageNav_heading":{"value":"On this page","fieldid":"809","type":"metadata_field_text","is_contextable":true,"default_value":true,"use_default":true},"inPageNav_headingType":{"value":"h2","fieldid":"810","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"siteTitle":{"value":"Queensland Health Design System","fieldid":"166","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"siteLogo":{"value":"169","fieldid":"127","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"siteFavicon":{"value":"106","fieldid":"128","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"siteAppleTouch":{"value":"106","fieldid":"129","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"sitePreHeaderLogo":{"value":"170","fieldid":"171","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"sitePreHeaderText":{"value":"digital.qld.gov.au","fieldid":"167","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"sitePreHeaderURL":{"value":"http://www.digital.qld.gov.au","fieldid":"168","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"showHomeIcon":{"value":"true","fieldid":"481","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"siteRepository":{"value":"164","fieldid":"213","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"footerLinks":{"value":"[\"186\",\"194\",\"198\",\"458\",\"676\"]","fieldid":"715","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"footerCopyrightMessage":{"value":"© The State of Queensland 2020","fieldid":"722","type":"metadata_field_text","is_contextable":true,"default_value":true,"use_default":true},"footerCopyrightLink":{"value":"206","fieldid":"723","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true},"footerCTAHeading":{"value":"Help us improve","fieldid":"724","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"footerCTALead":{"value":"We are always looking for ways to improve our website.","fieldid":"725","type":"metadata_field_text","is_contextable":true,"default_value":false,"use_default":true},"footerCTALink":{"value":"186","fieldid":"726","type":"metadata_field_related_asset","is_contextable":true,"default_value":false,"use_default":true}},"children":[{"asset_name":"Get started","asset_assetid":"186"},{"asset_name":"Brand guidelines","asset_assetid":"190"},{"asset_name":"Content guidelines","asset_assetid":"194"},{"asset_name":"Components","asset_assetid":"198"},{"asset_name":"Examples","asset_assetid":"202"},{"asset_name":"Support","asset_assetid":"206"}]},"current":{"data":{"assetid":"676","type_code":"page_standard","version":"0.0.16","name":"Links","short_name":"Links","status":"2","force_secure":"0","languages":"en","charset":"utf-8","created":"2021-01-11 11:48:22","created_userid":"312","updated":"2021-01-20 15:08:29","updated_userid":"312","published":"Never","published_userid":"","status_changed":"2021-01-11 11:48:22","status_changed_userid":"312","thumbnail":"","attributes":{"name":{"attrid":"631","type":"text","value":"Links","is_contextable":true,"use_default":true},"short_name":{"attrid":"632","type":"text","value":"Links","is_contextable":true,"use_default":true},"available_conditions":{"attrid":"633","type":"serialise","value":[],"is_contextable":false,"use_default":true},"conditions":{"attrid":"634","type":"serialise","value":[],"is_contextable":true,"use_default":true}},"metadata":{"description":{"value":"","fieldid":"132","type":"metadata_field_text","is_contextable":true,"default_value":true,"use_default":true},"pageType":{"value":"landing","fieldid":"680","type":"metadata_field_select","is_contextable":true,"default_value":false,"use_default":true},"displayBreadcrumbs":{"value":"true","fieldid":"681","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"displayBanner":{"value":"true","fieldid":"682","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"displayInPageNav":{"value":"true","fieldid":"808","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true},"inPageNav_heading":{"value":"On this page","fieldid":"809","type":"metadata_field_text","is_contextable":true,"default_value":true,"use_default":true},"inPageNav_headingType":{"value":"h2","fieldid":"810","type":"metadata_field_select","is_contextable":true,"default_value":true,"use_default":true}}},"home":0,"children":[{"asset_assetid":"458","asset_url":"https://qhscb.squiz.cloud/components/accordion","asset_name":"Accordion","children":[]},{"asset_assetid":"325","asset_url":"https://qhscb.squiz.cloud/components/callout","asset_name":"Callout","children":[]},{"asset_assetid":"659","asset_url":"https://qhscb.squiz.cloud/components/card-listing","asset_name":"Card Listing","children":[]},{"asset_assetid":"676","asset_url":"https://qhscb.squiz.cloud/components/links","asset_name":"Links","children":[]},{"asset_assetid":"683","asset_url":"https://qhscb.squiz.cloud/components/search-box","asset_name":"Search Box","children":[]},{"asset_assetid":"785","asset_url":"https://qhscb.squiz.cloud/components/page-alert","asset_name":"Page Alert","children":[]}],"lineage":[{"asset_assetid":"136","asset_name":"Design System","asset_url":"https://qhscb.squiz.cloud"},{"asset_assetid":"198","asset_name":"Components","asset_url":"https://qhscb.squiz.cloud/components"},{"asset_assetid":"676","asset_name":"Links","asset_url":"https://qhscb.squiz.cloud/components/links"}],"top":{"asset_assetid":"198","asset_name":"Components","asset_url":"https://qhscb.squiz.cloud/components"}}};
20
+ </script>
21
+ </head>
22
+
23
+ <body class="qld__grid vertical-nav">
24
+ <!--noindex-->
25
+ ${require('../components/header/html/component.hbs')({
26
+ "site":require('/src/data/site.json')
27
+ })}
28
+ <!--endnoindex-->
29
+ ${require('../components/mega_main_navigation/html/component.hbs')({
30
+ "site":require('/src/data/site.json')
31
+ })}
32
+ <!-- MAIN BODY -->
33
+ <main class="main" role="main">
34
+ <!-- LEFT HAND NAVIGATION -->
35
+ ${require('../components/left_hand_navigation/html/component.hbs')({
36
+ "site":require('/src/data/site.json'),
37
+ "current":require('/src/data/current.json')
38
+ })}
39
+
40
+ <div class="qld__body--left-nav">
41
+ ${require('../components/banner_intermediate/html/component.hbs')({
42
+ "component":require('../components/banner_intermediate/js/manifest.json').component,
43
+ "site":require('/src/data/site.json'),
44
+ "current":require('/src/data/current.json'),
45
+ "content":"Lorem Ipsum"
46
+ })}
47
+ <section class="qld__body qld__body--breadcrumb">
48
+ <div class="container-fluid">
49
+ <!-- {require('../components/breadcrumbs/html/component.hbs')({
50
+ "data":require('../components/banner_home/js/manifest.json').data,
51
+ "site":require('/src/data/site.json'),
52
+ "current":require('/src/data/current.json'),
53
+ })} -->
54
+ ${require('../components/body/html/component.hbs')({
55
+ "component":require('../components/body/js/manifest.json').component,
56
+ "content":"Lorem Ipsum"
57
+ })}
58
+ </div>
59
+ </section>
60
+ <!--CONTENT-->
61
+ <div class="qld__body">
62
+ <div class="container-fluid">
63
+ <div class="row">
64
+ <div class="col-xs-12" id="content">
65
+
66
+
67
+ <!-- Page Contents Render -->
68
+
69
+
70
+
71
+
72
+
73
+
74
+
75
+
76
+
77
+
78
+
79
+ <data class="fb-component-track" value="99734.card_multi_action" data-name="card_multi_action" data-date_created="2022-10-05 07:18:45" data-date_updated="2022-10-20 10:44:27" data-date_published="Never"></data>
80
+
81
+ <!-- test comment -->
82
+
83
+ <section class="qld__card--wrapper qld__body qld__body--dark qld__card--wrapper-bg-colour" id="cards-multi-">
84
+
85
+ <div class="container-fluid">
86
+
87
+ <div class="row">
88
+
89
+ <div class="qld__card-intro col-xs-12 col-md-12">
90
+
91
+ <h2>intro heading</h2>
92
+
93
+ <p>intro bodydf</p>
94
+
95
+ </div>
96
+ </div>
97
+
98
+
99
+ <div class="row">
100
+ <ul class="qld__card-list qld__card-list--matchheight">
101
+
102
+
103
+ <li class="col-xs-12 col-md-12 col-lg-4">
104
+
105
+ <div class="qld__card qld__card__multi-action qld__card--arrow qld__card--icon qld__card--dark-alt qld__card--icon-left">
106
+
107
+ <div class="qld__card__icon"><i class="fa-light fa-alicorn"></i></div>
108
+
109
+ <div class="qld__card__inner">
110
+ <div class="qld__card__content">
111
+ <div class="qld__card__content-inner">
112
+ <h3 class="qld__card__title">
113
+ <a aria-label="Multi-action card" aria-describedby="card-82875" class="qld__card--clickable__link" href="www.google.com">Multi-action card</a>
114
+ </h3>
115
+ <p id="card-82875" class="qld__card__description">
116
+ This is a description used for cards
117
+ </p>
118
+ </div>
119
+ <div class="qld__card__arrow"></div>
120
+ </div>
121
+ <div class="qld__card__footer">
122
+ <hr class="qld__horizontal-rule">
123
+ <div class="qld__card__footer-inner">
124
+ <ul class="qld__link-list">
125
+ <li>
126
+ <a aria-label="Cards (Multi-action), Call to action 1" href="https://qhscb.squiz.cloud/wog-design-system/component-core/cards-multi-action" class="qld__card__footer-link qld__card--clickable__link">
127
+ <i class="qld__card__footer-link-icon fa fa-arrow-right" aria-hidden="true"></i>
128
+ <span>Call to action 1</span>
129
+ </a>
130
+ </li>
131
+ <li>
132
+ <a aria-label="Cards (Multi-action), Call to action 2" href="https://qhscb.squiz.cloud/wog-design-system/component-core/cards-multi-action" class="qld__card__footer-link qld__card--clickable__link">
133
+ <i class="qld__card__footer-link-icon fa fa-arrow-right" aria-hidden="true"></i>
134
+ <span>Call to action 2</span>
135
+ </a>
136
+ </li>
137
+ </ul>
138
+ </div>
139
+ </div>
140
+ </div>
141
+ </div>
142
+ </li>
143
+
144
+ <li class="col-xs-12 col-md-12 col-lg-4">
145
+
146
+ <div class="qld__card qld__card__multi-action qld__card--arrow qld__card--icon qld__card--dark-alt qld__card--icon-left">
147
+
148
+ <div class="qld__card__icon"><i class="fa-light fa-alicorn"></i></div>
149
+
150
+ <div class="qld__card__inner">
151
+ <div class="qld__card__content">
152
+ <div class="qld__card__content-inner">
153
+ <h3 class="qld__card__title">
154
+ <a aria-label="Multi-action card 2" aria-describedby="card-82881" class="qld__card--clickable__link" href="www.google.com">Multi-action card 2</a>
155
+ </h3>
156
+ <p id="card-82881" class="qld__card__description">
157
+ This is a description used for cards
158
+ </p>
159
+ </div>
160
+ <div class="qld__card__arrow"></div>
161
+ </div>
162
+ <div class="qld__card__footer">
163
+ <hr class="qld__horizontal-rule">
164
+ <div class="qld__card__footer-inner">
165
+ <ul class="qld__link-list">
166
+ <li>
167
+ <a aria-label="Cards (Multi-action), Call to action 1" href="https://qhscb.squiz.cloud/wog-design-system/component-core/cards-multi-action" class="qld__card__footer-link qld__card--clickable__link">
168
+ <i class="qld__card__footer-link-icon fa fa-arrow-right" aria-hidden="true"></i>
169
+ <span>Call to action 1</span>
170
+ </a>
171
+ </li>
172
+ <li>
173
+ <a aria-label="Cards (Multi-action), Call to action 2" href="https://qhscb.squiz.cloud/wog-design-system/component-core/cards-multi-action" class="qld__card__footer-link qld__card--clickable__link">
174
+ <i class="qld__card__footer-link-icon fa fa-arrow-right" aria-hidden="true"></i>
175
+ <span>Call to action 2</span>
176
+ </a>
177
+ </li>
178
+ </ul>
179
+ </div>
180
+ </div>
181
+ </div>
182
+ </div>
183
+ </li>
184
+
185
+ <li class="col-xs-12 col-md-12 col-lg-4">
186
+
187
+ <div class="qld__card qld__card__multi-action qld__card--arrow qld__card--icon qld__card--dark-alt qld__card--icon-left">
188
+
189
+ <div class="qld__card__icon"><i class="fa-light fa-alicorn"></i></div>
190
+
191
+ <div class="qld__card__inner">
192
+ <div class="qld__card__content">
193
+ <div class="qld__card__content-inner">
194
+ <h3 class="qld__card__title">
195
+ <a aria-label="Multi-action card 3" aria-describedby="card-82882" class="qld__card--clickable__link" href="www.google.com">Multi-action card 3</a>
196
+ </h3>
197
+ <p id="card-82882" class="qld__card__description">
198
+ This is a description used for cards
199
+ </p>
200
+ </div>
201
+ <div class="qld__card__arrow"></div>
202
+ </div>
203
+ <div class="qld__card__footer">
204
+ <hr class="qld__horizontal-rule">
205
+ <div class="qld__card__footer-inner">
206
+ <ul class="qld__link-list">
207
+ <li>
208
+ <a aria-label="Cards (Multi-action), Call to action 1" href="https://qhscb.squiz.cloud/wog-design-system/component-core/cards-multi-action" class="qld__card__footer-link qld__card--clickable__link">
209
+ <i class="qld__card__footer-link-icon fa fa-arrow-right" aria-hidden="true"></i>
210
+ <span>Call to action 1</span>
211
+ </a>
212
+ </li>
213
+ <li>
214
+ <a aria-label="Cards (Multi-action), Call to action 2" href="https://qhscb.squiz.cloud/wog-design-system/component-core/cards-multi-action" class="qld__card__footer-link qld__card--clickable__link">
215
+ <i class="qld__card__footer-link-icon fa fa-arrow-right" aria-hidden="true"></i>
216
+ <span>Call to action 2</span>
217
+ </a>
218
+ </li>
219
+ </ul>
220
+ </div>
221
+ </div>
222
+ </div>
223
+ </div>
224
+ </li>
225
+
226
+ <li class="col-xs-12 col-md-12 col-lg-4">
227
+
228
+ <div class="qld__card qld__card__multi-action qld__card--arrow qld__card--icon qld__card--dark-alt qld__card--icon-left">
229
+
230
+ <div class="qld__card__icon"><i class="fa-light fa-alicorn"></i></div>
231
+
232
+ <div class="qld__card__inner">
233
+ <div class="qld__card__content">
234
+ <div class="qld__card__content-inner">
235
+ <h3 class="qld__card__title">
236
+ <a aria-label="Multi-action card 4" aria-describedby="card-82883" class="qld__card--clickable__link" href="www.google.com">Multi-action card 4</a>
237
+ </h3>
238
+ <p id="card-82883" class="qld__card__description">
239
+ This is a description used for cards
240
+ </p>
241
+ </div>
242
+ <div class="qld__card__arrow"></div>
243
+ </div>
244
+ <div class="qld__card__footer">
245
+ <hr class="qld__horizontal-rule">
246
+ <div class="qld__card__footer-inner">
247
+ <ul class="qld__link-list">
248
+ <li>
249
+ <a aria-label="Cards (Multi-action), Call to action 1" href="https://qhscb.squiz.cloud/wog-design-system/component-core/cards-multi-action" class="qld__card__footer-link qld__card--clickable__link">
250
+ <i class="qld__card__footer-link-icon fa fa-arrow-right" aria-hidden="true"></i>
251
+ <span>Call to action 1</span>
252
+ </a>
253
+ </li>
254
+ <li>
255
+ <a aria-label="Cards (Multi-action), Call to action 2" href="https://qhscb.squiz.cloud/wog-design-system/component-core/cards-multi-action" class="qld__card__footer-link qld__card--clickable__link">
256
+ <i class="qld__card__footer-link-icon fa fa-arrow-right" aria-hidden="true"></i>
257
+ <span>Call to action 2</span>
258
+ </a>
259
+ </li>
260
+ </ul>
261
+ </div>
262
+ </div>
263
+ </div>
264
+ </div>
265
+ </li>
266
+ </ul>
267
+ </div>
268
+ <div class="row">
269
+ <div class="qld__card-list__footer col-xs-12">
270
+ <a class="qld__card-list__all-link qld__cta-link qld__cta-link--view-all" href="https://qhscb.squiz.cloud/wog-design-system/component-core/cards-feature">All link</a>
271
+ </div>
272
+ </div>
273
+
274
+
275
+ </div>
276
+
277
+
278
+ </section>
279
+
280
+
281
+
282
+
283
+
284
+
285
+
286
+
287
+
288
+ <h2>Feedback</h2><p><strong>Squiz</strong></p><ul><li>Can't get squiz component to work at all :(</li></ul><p><strong>Other issues: </strong></p><ul><li>Focus state on image is obstructed&nbsp;due to card clipping. There are also some issues with curved edge and the focus state.</li><li>Primary image and Primary link on the cards need to both hover at the same time to indicate they share one link to the same place.</li></ul><p><strong>Updated border colours (same as no-action)</strong></p><p>Border colours needed to change based on what background the cards are placed on. This is not in the figma but i have coded an example for this page.</p><p><strong>Updated border curve on img to use outline instead of border bottom (same as no-action)</strong></p><p>Border bottom css does not work properly on the curved edge.&nbsp;&nbsp;To fix this changed it to be outline. Some additional colour fixes were added to make sure the correct colour was used on each background. Coded example on this page.</p><p><strong>General feedback about headings</strong></p><p>We still need a way to override the Heading number to&nbsp;&nbsp;be different from H3 if necessary. (Dont know how to fix this)</p><iframe style="border: 1px solid rgba(0, 0, 0, 0.1); margin-top:32px; margin-bottom:64px;" width="100%" height="450" src="https://www.figma.com/embed?embed_host=share&amp;url=https%3A%2F%2Fwww.figma.com%2Ffile%2FqKsxl3ogIlBp7dafgxXuCA%2Fbranch%2FCVkkdjteOLn2NtKwXbIfLH%2FQLDH-DDS%3Fnode-id%3D6247%253A42726" allowfullscreen=""></iframe>
289
+
290
+
291
+
292
+
293
+
294
+
295
+ <data class="fb-component-track" value="80785.card_multi_action" data-name="card_multi_action" data-date_created="2022-07-20 12:14:46" data-date_updated="2022-10-20 10:44:00" data-date_published="Never"></data>
296
+
297
+ <!-- test comment -->
298
+
299
+ <section class="qld__card--wrapper qld__body qld__card--wrapper-bg-colour" id="cards-multi-">
300
+
301
+ <div class="container-fluid">
302
+
303
+
304
+
305
+ <div class="row">
306
+ <ul class="qld__card-list qld__card-list--matchheight">
307
+
308
+ </ul>
309
+ </div>
310
+
311
+
312
+ </div>
313
+
314
+
315
+ </section>
316
+
317
+
318
+
319
+
320
+
321
+
322
+
323
+
324
+
325
+ <h2>Code version</h2>
326
+
327
+ <hr>
328
+
329
+
330
+ <div class="qld__body qld__body">
331
+ <div class="container-fluid">
332
+ <div class="row">
333
+
334
+
335
+ <ul class="qld__card-list qld__card-list--matchheight">
336
+
337
+ <li class="col-xs-12 col-md-6 col-xs-12">
338
+ <div class="qld__card qld__card__multi-action ">
339
+
340
+ <div class="qld__card__inner">
341
+ <div class="qld__card__content">
342
+ <div class="qld__card__content-inner">
343
+ <h3 class="qld__card__title">
344
+ <a aria-label="Brand" aria-describedby="card-22724" class="qld__card--clickable__link" href="#">Light</a>
345
+ </h3>
346
+ <p id="card-22724" class="qld__card__description">Additional text about the card</p>
347
+ </div>
348
+ </div>
349
+ <div class="qld__card__footer">
350
+ <hr class="qld__horizontal-rule">
351
+ <div class="qld__card__footer-inner">
352
+ <ul class="qld__link-list">
353
+ <li>
354
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
355
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
356
+ <span>Link</span>
357
+ </a>
358
+ </li>
359
+ <li>
360
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
361
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
362
+ <span>Link</span>
363
+ </a>
364
+ </li>
365
+ <li>
366
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
367
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
368
+ <span>Link</span>
369
+ </a>
370
+ </li>
371
+ </ul>
372
+ </div>
373
+ </div>
374
+ </div>
375
+
376
+ </div>
377
+
378
+ </li>
379
+
380
+
381
+ <li class="col-xs-12 col-md-6 col-xs-12">
382
+ <div class="qld__card qld__card__multi-action qld__card--alt ">
383
+
384
+ <div class="qld__card__inner">
385
+ <div class="qld__card__content">
386
+ <div class="qld__card__content-inner">
387
+ <h3 class="qld__card__title">
388
+ <a aria-label="Content" aria-describedby="card-22725" class="qld__card--clickable__link" href="#">Alternative</a>
389
+ </h3>
390
+ <p id="card-22725" class="qld__card__description">Additional text about the card</p>
391
+ </div>
392
+ </div>
393
+ <div class="qld__card__footer">
394
+ <hr class="qld__horizontal-rule">
395
+ <div class="qld__card__footer-inner">
396
+ <ul class="qld__link-list">
397
+ <li>
398
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
399
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
400
+ <span>Link</span>
401
+ </a>
402
+ </li>
403
+ <li>
404
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
405
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
406
+ <span>Link</span>
407
+ </a>
408
+ </li>
409
+ <li>
410
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
411
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
412
+ <span>Link</span>
413
+ </a>
414
+ </li>
415
+ </ul>
416
+ </div>
417
+ </div>
418
+ </div>
419
+
420
+ </div>
421
+
422
+ </li>
423
+
424
+
425
+ <li class="col-xs-12 col-md-6 col-xs-12">
426
+ <div class="qld__card qld__card__multi-action qld__card--dark ">
427
+
428
+ <div class="qld__card__inner">
429
+ <div class="qld__card__content">
430
+ <div class="qld__card__content-inner">
431
+ <h3 class="qld__card__title">
432
+ <a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark</a>
433
+ </h3>
434
+ <p id="card-22726" class="qld__card__description">Additional text about the card</p>
435
+ </div>
436
+ </div>
437
+ <div class="qld__card__footer">
438
+ <hr class="qld__horizontal-rule">
439
+ <div class="qld__card__footer-inner">
440
+ <ul class="qld__link-list">
441
+ <li>
442
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
443
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
444
+ <span>Link</span>
445
+ </a>
446
+ </li>
447
+ <li>
448
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
449
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
450
+ <span>Link</span>
451
+ </a>
452
+ </li>
453
+ <li>
454
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
455
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
456
+ <span>Link</span>
457
+ </a>
458
+ </li>
459
+ </ul>
460
+ </div>
461
+ </div>
462
+ </div>
463
+
464
+ </div>
465
+
466
+ </li>
467
+ <li class="col-xs-12 col-md-6 col-xs-12">
468
+ <div class="qld__card qld__card__multi-action qld__card--dark-alt ">
469
+
470
+ <div class="qld__card__inner">
471
+ <div class="qld__card__content">
472
+ <div class="qld__card__content-inner">
473
+ <h3 class="qld__card__title">
474
+ <a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark Alternative</a>
475
+ </h3>
476
+ <p id="card-22726" class="qld__card__description">Additional text about the card</p>
477
+ </div>
478
+ </div>
479
+ <div class="qld__card__footer">
480
+ <hr class="qld__horizontal-rule">
481
+ <div class="qld__card__footer-inner">
482
+ <ul class="qld__link-list">
483
+ <li>
484
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
485
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
486
+ <span>Link</span>
487
+ </a>
488
+ </li>
489
+ <li>
490
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
491
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
492
+ <span>Link</span>
493
+ </a>
494
+ </li>
495
+ <li>
496
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
497
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
498
+ <span>Link</span>
499
+ </a>
500
+ </li>
501
+ </ul>
502
+ </div>
503
+ </div>
504
+ </div>
505
+
506
+ </div>
507
+
508
+ </li>
509
+
510
+
511
+ </ul>
512
+
513
+
514
+
515
+ </div>
516
+ </div>
517
+
518
+
519
+ </div>
520
+ <div class="qld__body qld__body--alt">
521
+ <div class="container-fluid">
522
+ <div class="row">
523
+
524
+
525
+ <ul class="qld__card-list qld__card-list--matchheight">
526
+
527
+
528
+
529
+ <li class="col-xs-12 col-md-6 col-xs-12">
530
+ <div class="qld__card qld__card__multi-action">
531
+
532
+ <div class="qld__card__inner">
533
+ <div class="qld__card__content">
534
+ <div class="qld__card__content-inner">
535
+ <h3 class="qld__card__title">
536
+ <a aria-label="Brand" aria-describedby="card-22724" class="qld__card--clickable__link" href="#">Light</a>
537
+ </h3>
538
+ <p id="card-22724" class="qld__card__description">Additional text about the card</p>
539
+ </div>
540
+ </div>
541
+ <div class="qld__card__footer">
542
+ <hr class="qld__horizontal-rule">
543
+ <div class="qld__card__footer-inner">
544
+ <ul class="qld__card__tags qld__tag-list">
545
+ <li>
546
+ <a class="qld__tag qld__tag--link" href="#?tag=tag_1">Tag 1</a>
547
+ </li>
548
+ <li>
549
+ <a class="qld__tag qld__tag--link" href="#?tag=tag_2">Tag 2</a>
550
+ </li>
551
+ <li>
552
+ <a class="qld__tag qld__tag--link" href="#?tag=tag_3">Tag 3</a>
553
+ </li>
554
+ </ul>
555
+ </div>
556
+ </div>
557
+ </div>
558
+
559
+ </div>
560
+
561
+ </li>
562
+
563
+
564
+ <li class="col-xs-12 col-md-6 col-xs-12">
565
+ <div class="qld__card qld__card__multi-action qld__card--alt ">
566
+
567
+ <div class="qld__card__inner">
568
+ <div class="qld__card__content">
569
+ <div class="qld__card__content-inner">
570
+ <h3 class="qld__card__title">
571
+ <a aria-label="Content" aria-describedby="card-22725" class="qld__card--clickable__link" href="#">Alternative</a>
572
+ </h3>
573
+ <p id="card-22725" class="qld__card__description">Additional text about the card</p>
574
+ </div>
575
+ </div>
576
+ <div class="qld__card__footer">
577
+ <hr class="qld__horizontal-rule">
578
+ <div class="qld__card__footer-inner">
579
+ <ul class="qld__card__tags qld__tag-list">
580
+ <li>
581
+ <a class="qld__tag qld__tag--link" href="#?tag=tag_1">Tag 1</a>
582
+ </li>
583
+ <li>
584
+ <a class="qld__tag qld__tag--link" href="#?tag=tag_2">Tag 2</a>
585
+ </li>
586
+ <li>
587
+ <a class="qld__tag qld__tag--link" href="#?tag=tag_3">Tag 3</a>
588
+ </li>
589
+ </ul>
590
+ </div>
591
+ </div>
592
+ </div>
593
+
594
+ </div>
595
+
596
+ </li>
597
+
598
+
599
+ <li class="col-xs-12 col-md-6 col-xs-12">
600
+ <div class="qld__card qld__card__multi-action qld__card--dark ">
601
+
602
+ <div class="qld__card__inner">
603
+ <div class="qld__card__content">
604
+ <div class="qld__card__content-inner">
605
+ <h3 class="qld__card__title">
606
+ <a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark</a>
607
+ </h3>
608
+ <p id="card-22726" class="qld__card__description">Additional text about the card</p>
609
+ </div>
610
+ </div>
611
+ <div class="qld__card__footer">
612
+ <hr class="qld__horizontal-rule">
613
+ <div class="qld__card__footer-inner">
614
+ <ul class="qld__card__tags qld__tag-list">
615
+ <li>
616
+ <a class="qld__tag qld__tag--link" href="#?tag=tag_1">Tag 1</a>
617
+ </li>
618
+ <li>
619
+ <a class="qld__tag qld__tag--link" href="#?tag=tag_2">Tag 2</a>
620
+ </li>
621
+ <li>
622
+ <a class="qld__tag qld__tag--link" href="#?tag=tag_3">Tag 3</a>
623
+ </li>
624
+ </ul>
625
+ </div>
626
+ </div>
627
+ </div>
628
+
629
+ </div>
630
+
631
+ </li>
632
+ <li class="col-xs-12 col-md-6 col-xs-12">
633
+ <div class="qld__card qld__card__multi-action qld__card--dark-alt ">
634
+
635
+ <div class="qld__card__inner">
636
+ <div class="qld__card__content">
637
+ <div class="qld__card__content-inner">
638
+ <h3 class="qld__card__title">
639
+ <a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark Alternative</a>
640
+ </h3>
641
+ <p id="card-22726" class="qld__card__description">Additional text about the card</p>
642
+ </div>
643
+ </div>
644
+ <div class="qld__card__footer">
645
+ <hr class="qld__horizontal-rule">
646
+ <div class="qld__card__footer-inner">
647
+ <ul class="qld__card__tags qld__tag-list">
648
+ <li>
649
+ <a class="qld__tag qld__tag--link" href="#?tag=tag_1">Tag 1</a>
650
+ </li>
651
+ <li>
652
+ <a class="qld__tag qld__tag--link" href="#?tag=tag_2">Tag 2</a>
653
+ </li>
654
+ <li>
655
+ <a class="qld__tag qld__tag--link" href="#?tag=tag_3">Tag 3</a>
656
+ </li>
657
+ </ul>
658
+ </div>
659
+ </div>
660
+ </div>
661
+
662
+ </div>
663
+
664
+ </li>
665
+
666
+
667
+ </ul>
668
+
669
+
670
+
671
+ </div>
672
+ </div>
673
+
674
+
675
+ </div>
676
+ <div class="qld__body qld__body--dark">
677
+ <div class="container-fluid">
678
+ <div class="row">
679
+ <ul class="qld__card-list qld__card-list--matchheight">
680
+ <li class="col-xs-12 ">
681
+ <div class="qld__card qld__card__multi-action qld__card__multi-action--feature qld__card--image ">
682
+
683
+
684
+ <a aria-label="Brand" aria-describedby="card-22724" class="qld__card__image-link" href="#">
685
+ <div class="qld__responsive-media-img--bg" style="background-image: url('https://qhscb.squiz.cloud/wog-design-system/_media/images/Hero-placeholder-Crop.jpg');"></div>
686
+ </a>
687
+
688
+ <div class="qld__card__inner">
689
+ <div class="qld__card__content">
690
+ <div class="qld__card__content-inner">
691
+ <h3 class="qld__card__title">
692
+ <a aria-label="Brand" aria-describedby="card-22724" class="qld__card--clickable__link" href="#">Brand</a>
693
+ </h3>
694
+ <p id="card-22724" class="qld__card__description">Additional text about the card</p>
695
+ </div>
696
+ </div>
697
+ <div class="qld__card__footer">
698
+ <hr class="qld__horizontal-rule">
699
+ <div class="qld__card__footer-inner">
700
+ <ul class="qld__link-list">
701
+ <li>
702
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
703
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
704
+ <span>Link</span>
705
+ </a>
706
+ </li>
707
+ <li>
708
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
709
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
710
+ <span>Link</span>
711
+ </a>
712
+ </li>
713
+ <li>
714
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
715
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
716
+ <span>Link</span>
717
+ </a>
718
+ </li>
719
+ </ul>
720
+ </div>
721
+ </div>
722
+ </div>
723
+
724
+ </div>
725
+
726
+ </li>
727
+
728
+
729
+ <li class="col-xs-12 ">
730
+ <div class="qld__card qld__card__multi-action qld__card__multi-action--feature qld__card__multi-action--image-right qld__card--alt qld__card--image ">
731
+
732
+
733
+ <a aria-label="Content" aria-describedby="card-22725" class="qld__card__image-link" href="#">
734
+ <div class="qld__responsive-media-img--bg" style="background-image: url('https://qhscb.squiz.cloud/wog-design-system/_media/images/Hero-placeholder-Fixed.png);"></div>
735
+ </a>
736
+
737
+ <div class="qld__card__inner">
738
+ <div class="qld__card__content">
739
+ <div class="qld__card__content-inner">
740
+ <h3 class="qld__card__title">
741
+ <a aria-label="Content" aria-describedby="card-22725" class="qld__card--clickable__link" href="#">Alternative</a>
742
+ </h3>
743
+ <p id="card-22725" class="qld__card__description">Additional text about the card</p>
744
+ </div>
745
+ </div>
746
+ <div class="qld__card__footer">
747
+ <hr class="qld__horizontal-rule">
748
+ <div class="qld__card__footer-inner">
749
+ <ul class="qld__link-list">
750
+ <li>
751
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
752
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
753
+ <span>Link</span>
754
+ </a>
755
+ </li>
756
+ <li>
757
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
758
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
759
+ <span>Link</span>
760
+ </a>
761
+ </li>
762
+ <li>
763
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
764
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
765
+ <span>Link</span>
766
+ </a>
767
+ </li>
768
+ </ul>
769
+ </div>
770
+ </div>
771
+ </div>
772
+
773
+ </div>
774
+
775
+ </li>
776
+
777
+
778
+ <li class="col-xs-12 ">
779
+ <div class="qld__card qld__card__multi-action qld__card--dark qld__card__multi-action--feature qld__card--image ">
780
+
781
+
782
+ <a aria-label="Components" aria-describedby="card-22726" class="qld__card__image-link" href="#">
783
+ <div class="qld__responsive-media-img--bg" style="background-image: url('https://qhscb.squiz.cloud/wog-design-system/_media/images/Hero-placeholder-Crop.jpg');"></div>
784
+ </a>
785
+
786
+ <div class="qld__card__inner">
787
+ <div class="qld__card__content">
788
+ <div class="qld__card__content-inner">
789
+ <h3 class="qld__card__title">
790
+ <a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark</a>
791
+ </h3>
792
+ <p id="card-22726" class="qld__card__description">Additional text about the card</p>
793
+ </div>
794
+ </div>
795
+ <div class="qld__card__footer">
796
+ <hr class="qld__horizontal-rule">
797
+ <div class="qld__card__footer-inner">
798
+ <ul class="qld__link-list">
799
+ <li>
800
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
801
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
802
+ <span>Link</span>
803
+ </a>
804
+ </li>
805
+ <li>
806
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
807
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
808
+ <span>Link</span>
809
+ </a>
810
+ </li>
811
+ <li>
812
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
813
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
814
+ <span>Link</span>
815
+ </a>
816
+ </li>
817
+ </ul>
818
+ </div>
819
+ </div>
820
+ </div>
821
+
822
+ </div>
823
+
824
+ </li>
825
+ <li class="col-xs-12">
826
+ <div class="qld__card qld__card__multi-action qld__card--dark-alt qld__card__multi-action--feature qld__card__multi-action--image-right qld__card--image ">
827
+
828
+
829
+ <a aria-label="Components" aria-describedby="card-22726" class="qld__card__image-link" href="#">
830
+ <div class="qld__responsive-media-img--bg" style="background-image: url('https://qhscb.squiz.cloud/wog-design-system/_media/images/Hero-placeholder-Crop.jpg');"></div>
831
+ </a>
832
+
833
+ <div class="qld__card__inner">
834
+ <div class="qld__card__content">
835
+ <div class="qld__card__content-inner">
836
+ <h3 class="qld__card__title">
837
+ <a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark Alternative</a>
838
+ </h3>
839
+ <p id="card-22726" class="qld__card__description">Additional text about the card</p>
840
+ </div>
841
+ </div>
842
+ <div class="qld__card__footer">
843
+ <hr class="qld__horizontal-rule">
844
+ <div class="qld__card__footer-inner">
845
+ <ul class="qld__link-list">
846
+ <li>
847
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
848
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
849
+ <span>Link</span>
850
+ </a>
851
+ </li>
852
+ <li>
853
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
854
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
855
+ <span>Link</span>
856
+ </a>
857
+ </li>
858
+ <li>
859
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
860
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
861
+ <span>Link</span>
862
+ </a>
863
+ </li>
864
+ </ul>
865
+ </div>
866
+ </div>
867
+ </div>
868
+
869
+ </div>
870
+
871
+ </li>
872
+
873
+ </ul>
874
+ </div>
875
+ </div>
876
+
877
+
878
+ </div>
879
+ <div class="qld__body qld__body--dark-alt">
880
+ <div class="container-fluid">
881
+ <div class="row">
882
+
883
+
884
+
885
+
886
+ <ul class="qld__card-list qld__card-list--matchheight">
887
+ <li class="col-xs-12 col-md-6 col-xs-12">
888
+ <div class="qld__card qld__card__multi-action qld__card--image ">
889
+
890
+
891
+ <a aria-label="Brand" aria-describedby="card-22724" class="qld__card__image-link" href="#">
892
+ <div class="qld__responsive-media-img--bg" style="background-image: url('https://qhscb.squiz.cloud/wog-design-system/_media/images/Hero-placeholder-Crop.jpg');"></div>
893
+ </a>
894
+
895
+ <div class="qld__card__inner">
896
+ <div class="qld__card__content">
897
+ <div class="qld__card__content-inner">
898
+ <h3 class="qld__card__title">
899
+ <a aria-label="Brand" aria-describedby="card-22724" class="qld__card--clickable__link" href="#">Brand</a>
900
+ </h3>
901
+ <p id="card-22724" class="qld__card__description">Additional text about the card</p>
902
+ </div>
903
+ </div>
904
+ <div class="qld__card__footer">
905
+ <hr class="qld__horizontal-rule">
906
+ <div class="qld__card__footer-inner">
907
+ <ul class="qld__link-list">
908
+ <li>
909
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
910
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
911
+ <span>Link</span>
912
+ </a>
913
+ </li>
914
+ <li>
915
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
916
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
917
+ <span>Link</span>
918
+ </a>
919
+ </li>
920
+ <li>
921
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
922
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
923
+ <span>Link</span>
924
+ </a>
925
+ </li>
926
+ </ul>
927
+ </div>
928
+ </div>
929
+ </div>
930
+
931
+ </div>
932
+
933
+ </li>
934
+
935
+
936
+ <li class="col-xs-12 col-md-6 col-xs-12">
937
+ <div class="qld__card qld__card__multi-action qld__card--alt qld__card--image ">
938
+
939
+
940
+ <a aria-label="Content" aria-describedby="card-22725" class="qld__card__image-link" href="#">
941
+ <div class="qld__responsive-media-img--bg" style="background-image: url('https://qhscb.squiz.cloud/wog-design-system/_media/images/Hero-placeholder-Crop.jpg');"></div>
942
+ </a>
943
+
944
+ <div class="qld__card__inner">
945
+ <div class="qld__card__content">
946
+ <div class="qld__card__content-inner">
947
+ <h3 class="qld__card__title">
948
+ <a aria-label="Content" aria-describedby="card-22725" class="qld__card--clickable__link" href="#">Alternative</a>
949
+ </h3>
950
+ <p id="card-22725" class="qld__card__description">Additional text about the card</p>
951
+ </div>
952
+ </div>
953
+ <div class="qld__card__footer">
954
+ <hr class="qld__horizontal-rule">
955
+ <div class="qld__card__footer-inner">
956
+ <ul class="qld__link-list">
957
+ <li>
958
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
959
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
960
+ <span>Link</span>
961
+ </a>
962
+ </li>
963
+ <li>
964
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
965
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
966
+ <span>Link</span>
967
+ </a>
968
+ </li>
969
+ <li>
970
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
971
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
972
+ <span>Link</span>
973
+ </a>
974
+ </li>
975
+ </ul>
976
+ </div>
977
+ </div>
978
+ </div>
979
+
980
+ </div>
981
+
982
+ </li>
983
+
984
+
985
+ <li class="col-xs-12 col-md-6 col-xs-12">
986
+ <div class="qld__card qld__card__multi-action qld__card--dark qld__card--image ">
987
+
988
+
989
+ <a aria-label="Components" aria-describedby="card-22726" class="qld__card__image-link" href="#">
990
+ <div class="qld__responsive-media-img--bg" style="background-image: url('https://qhscb.squiz.cloud/wog-design-system/_media/images/Hero-placeholder-Crop.jpg');"></div>
991
+ </a>
992
+
993
+ <div class="qld__card__inner">
994
+ <div class="qld__card__content">
995
+ <div class="qld__card__content-inner">
996
+ <h3 class="qld__card__title">
997
+ <a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark</a>
998
+ </h3>
999
+ <p id="card-22726" class="qld__card__description">Additional text about the card</p>
1000
+ </div>
1001
+ </div>
1002
+ <div class="qld__card__footer">
1003
+ <hr class="qld__horizontal-rule">
1004
+ <div class="qld__card__footer-inner">
1005
+ <ul class="qld__link-list">
1006
+ <li>
1007
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
1008
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
1009
+ <span>Link</span>
1010
+ </a>
1011
+ </li>
1012
+ <li>
1013
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
1014
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
1015
+ <span>Link</span>
1016
+ </a>
1017
+ </li>
1018
+ <li>
1019
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
1020
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
1021
+ <span>Link</span>
1022
+ </a>
1023
+ </li>
1024
+ </ul>
1025
+ </div>
1026
+ </div>
1027
+ </div>
1028
+
1029
+ </div>
1030
+
1031
+ </li>
1032
+ <li class="col-xs-12 col-md-6 col-xs-12">
1033
+ <div class="qld__card qld__card__multi-action qld__card--dark-alt qld__card--image ">
1034
+
1035
+
1036
+ <a aria-label="Components" aria-describedby="card-22726" class="qld__card__image-link" href="#">
1037
+ <div class="qld__responsive-media-img--bg" style="background-image: url('https://qhscb.squiz.cloud/wog-design-system/_media/images/Hero-placeholder-Crop.jpg');"></div>
1038
+ </a>
1039
+
1040
+ <div class="qld__card__inner">
1041
+ <div class="qld__card__content">
1042
+ <div class="qld__card__content-inner">
1043
+ <h3 class="qld__card__title">
1044
+ <a aria-label="Components" aria-describedby="card-22726" class="qld__card--clickable__link" href="#">Dark Alternative</a>
1045
+ </h3>
1046
+ <p id="card-22726" class="qld__card__description">Additional text about the card</p>
1047
+ </div>
1048
+ </div>
1049
+ <div class="qld__card__footer">
1050
+ <hr class="qld__horizontal-rule">
1051
+ <div class="qld__card__footer-inner">
1052
+ <ul class="qld__link-list">
1053
+ <li>
1054
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
1055
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
1056
+ <span>Link</span>
1057
+ </a>
1058
+ </li>
1059
+ <li>
1060
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
1061
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
1062
+ <span>Link</span>
1063
+ </a>
1064
+ </li>
1065
+ <li>
1066
+ <a aria-label="%globals_asset_name:#%, test link" href="#" class="qld__card__footer-link qld__card--clickable__link">
1067
+ <i class="qld__card__footer-link-icon fal fa-pencil-ruler" aria-hidden="true"></i>
1068
+ <span>Link</span>
1069
+ </a>
1070
+ </li>
1071
+ </ul>
1072
+ </div>
1073
+ </div>
1074
+ </div>
1075
+
1076
+ </div>
1077
+
1078
+ </li>
1079
+
1080
+ </ul>
1081
+
1082
+
1083
+
1084
+ </div>
1085
+ </div>
1086
+ </div>
1087
+
1088
+
1089
+
1090
+
1091
+ <!-- Last updated date -->
1092
+ <!-- -->
1093
+
1094
+ <section class="qld__body">
1095
+ <div class="container-fluid">
1096
+ <p><strong style="padding-right: 12px;">Last updated:</strong>&nbsp;October 2022</p>
1097
+ </div>
1098
+ </section>
1099
+
1100
+
1101
+
1102
+ </div>
1103
+
1104
+ </div>
1105
+ </div>
1106
+ </div>
1107
+ </div>
1108
+ </main>
1109
+ <!-- END MAIN BODY -->
1110
+
1111
+ <!-- WIDGETS -->
1112
+ ${require('../components/widgets/html/component.hbs')({
1113
+ "site":require('/src/data/site.json'),
1114
+ "current":require('/src/data/current.json')
1115
+ })}
1116
+
1117
+ <!-- FOOTER-->
1118
+ ${require('../components/footer/html/component.hbs')({
1119
+ "site":require('/src/data/site.json')
1120
+ })}
1121
+
1122
+ <div class="footer-scripts" id="footer_js" style="display: none !important;">
1123
+ ${require('../components/_global/html/scripts.html')}
1124
+ </div>
1125
+ </body>
1126
+ </html>