@qhealth-design-system/core 1.16.4 → 1.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/assets/storybook.css +1 -1
- package/.storybook/globals.js +10 -0
- package/CHANGELOG.md +4 -0
- package/package.json +1 -1
- package/src/components/_global/css/cta_links/component.scss +107 -14
- package/src/components/_global/css/forms/control_inputs/component.scss +65 -77
- package/src/components/_global/css/link_columns/component.scss +2 -2
- package/src/components/_global/html/scripts.html +0 -2
- package/src/components/_global/js/cta_links/global.js +33 -0
- package/src/components/_global/js/global.js +175 -138
- package/src/components/_global/js/tabs/global.js +6 -2
- package/src/components/_template/html/component-page.html +25 -31
- package/src/components/banner_advanced/html/component.hbs +1 -1
- package/src/components/breadcrumbs/js/global.js +17 -4
- package/src/components/card_feature/html/component.hbs +1 -1
- package/src/components/card_multi_action/html/component.hbs +1 -1
- package/src/components/card_single_action/css/component.scss +38 -47
- package/src/components/card_single_action/html/component.hbs +1 -1
- package/src/components/code/css/component.scss +72 -73
- package/src/components/code/html/component.hbs +62 -19
- package/src/components/code/js/global.js +102 -86
- package/src/components/footer/css/component.scss +2 -4
- package/src/components/footer/html/component.hbs +11 -8
- package/src/components/header/css/component.scss +11 -11
- package/src/components/header/html/component.hbs +3 -3
- package/src/components/header/js/global.js +58 -65
- package/src/components/in_page_navigation/js/global.js +34 -31
- package/src/components/internal_navigation/js/global.js +13 -3
- package/src/components/main_navigation/css/component.scss +79 -13
- package/src/components/main_navigation/html/component.hbs +5 -5
- package/src/components/main_navigation/js/global.js +94 -115
- package/src/components/mega_main_navigation/css/component.scss +27 -14
- package/src/components/mega_main_navigation/html/component.hbs +5 -5
- package/src/components/mega_main_navigation/js/global.js +50 -55
- package/src/components/page_alert/css/component.scss +141 -179
- package/src/components/prefooter/css/component.scss +62 -0
- package/src/components/prefooter/js/manifest.json +9 -0
- package/src/data/current.json +3 -9
- package/src/data/site.json +3 -3
- package/src/html/component-a-z_listing.html +13 -41
- package/src/html/component-abstract.html +536 -40
- package/src/html/component-accordion.html +537 -41
- package/src/html/component-banner.html +537 -40
- package/src/html/component-banner_advanced.html +14 -41
- package/src/html/component-banner_basic.html +13 -40
- package/src/html/component-banner_intermediate.html +14 -41
- package/src/html/component-basic_search.html +10 -26
- package/src/html/component-body.html +541 -52
- package/src/html/component-breadcrumbs.html +538 -43
- package/src/html/component-btn.html +471 -69
- package/src/html/component-callout.html +536 -40
- package/src/html/component-card_feature.html +282 -312
- package/src/html/component-card_multi_action.html +651 -217
- package/src/html/component-card_no_action.html +163 -289
- package/src/html/component-card_single_action.html +283 -312
- package/src/html/component-code.html +13 -40
- package/src/html/component-file_upload.html +13 -41
- package/src/html/component-footer.html +537 -41
- package/src/html/component-forms.html +206 -72
- package/src/html/component-global-elements.html +720 -152
- package/src/html/component-global_alert.html +536 -41
- package/src/html/component-header.html +537 -42
- package/src/html/component-horizontal_rule.html +459 -65
- package/src/html/component-in_page_navigation.html +544 -48
- package/src/html/component-internal_navigation.html +537 -41
- package/src/html/component-left_hand_navigation.html +13 -41
- package/src/html/component-loading_spinner.html +13 -42
- package/src/html/component-main_navigation.html +537 -41
- package/src/html/component-mega_main_navigation.html +537 -42
- package/src/html/component-multi_column.html +536 -40
- package/src/html/component-overflow_menu.html +12 -35
- package/src/html/component-page_alert.html +536 -40
- package/src/html/component-page_footer_info.html +583 -0
- package/src/html/component-pagination.html +459 -65
- package/src/html/component-promo_panel.html +13 -43
- package/src/html/component-tab.html +13 -41
- package/src/html/component-tag_list.html +495 -77
- package/src/html/component-toggle_tip.html +2 -3
- package/src/html/component-tool_tip.html +2 -3
- package/src/html/component-video_player.html +13 -41
- package/src/html/components.html +306 -88
- package/src/html/home.html +1807 -628
- package/src/html/index.html +9 -22
- package/src/html/inner-with-nav.html +551 -137
- package/src/html/inner.html +570 -59
- package/src/stories/Checkboxes/Checkboxes.js +41 -0
- package/src/stories/Checkboxes/Checkboxes.mdx +45 -0
- package/src/stories/Checkboxes/Checkboxes.stories.js +209 -0
- package/src/stories/RadioButtons/RadioButtons.js +41 -0
- package/src/stories/RadioButtons/RadioButtons.mdx +45 -0
- package/src/stories/RadioButtons/RadioButtons.stories.js +209 -0
- package/src/styles/imports/mixins.scss +5 -43
- package/src/components/updated_date/css/component.scss +0 -24
- package/src/components/updated_date/js/manifest.json +0 -9
- package/src/components/widgets/css/component.scss +0 -130
- package/src/components/widgets/html/component.hbs +0 -8
- package/src/components/widgets/html/default.html +0 -3
- package/src/components/widgets/js/current.json +0 -471
- package/src/components/widgets/js/manifest.json +0 -9
- package/src/components/widgets/js/site.json +0 -350
- package/src/html/component-updated_date.html +0 -88
- package/src/html/component-widgets.html +0 -90
- /package/src/components/{updated_date → prefooter}/html/component.hbs +0 -0
|
@@ -39,55 +39,331 @@
|
|
|
39
39
|
status_changed_userid: "54",
|
|
40
40
|
thumbnail: "",
|
|
41
41
|
attributes: {
|
|
42
|
-
name: {
|
|
43
|
-
|
|
44
|
-
|
|
42
|
+
name: {
|
|
43
|
+
attrid: "685",
|
|
44
|
+
type: "text",
|
|
45
|
+
value: "Design System",
|
|
46
|
+
is_contextable: true,
|
|
47
|
+
use_default: true,
|
|
48
|
+
},
|
|
49
|
+
not_found_page_cache_globally: {
|
|
50
|
+
attrid: "686",
|
|
51
|
+
type: "boolean",
|
|
52
|
+
value: false,
|
|
53
|
+
is_contextable: false,
|
|
54
|
+
use_default: true,
|
|
55
|
+
},
|
|
56
|
+
available_conditions: {
|
|
57
|
+
attrid: "687",
|
|
58
|
+
type: "serialise",
|
|
59
|
+
value: [],
|
|
60
|
+
is_contextable: false,
|
|
61
|
+
use_default: true,
|
|
62
|
+
},
|
|
45
63
|
},
|
|
46
64
|
metadata: {
|
|
47
|
-
displayInPageNav: {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
+
displayInPageNav: {
|
|
66
|
+
value: "",
|
|
67
|
+
fieldid: "808",
|
|
68
|
+
type: "metadata_field_select",
|
|
69
|
+
is_contextable: true,
|
|
70
|
+
default_value: true,
|
|
71
|
+
use_default: true,
|
|
72
|
+
},
|
|
73
|
+
inPageNav_heading: {
|
|
74
|
+
value: "On this page",
|
|
75
|
+
fieldid: "809",
|
|
76
|
+
type: "metadata_field_text",
|
|
77
|
+
is_contextable: true,
|
|
78
|
+
default_value: true,
|
|
79
|
+
use_default: true,
|
|
80
|
+
},
|
|
81
|
+
inPageNav_headingType: {
|
|
82
|
+
value: "h2",
|
|
83
|
+
fieldid: "810",
|
|
84
|
+
type: "metadata_field_select",
|
|
85
|
+
is_contextable: true,
|
|
86
|
+
default_value: true,
|
|
87
|
+
use_default: true,
|
|
88
|
+
},
|
|
89
|
+
siteTitle: {
|
|
90
|
+
value: "Queensland Health Design System",
|
|
91
|
+
fieldid: "166",
|
|
92
|
+
type: "metadata_field_text",
|
|
93
|
+
is_contextable: true,
|
|
94
|
+
default_value: false,
|
|
95
|
+
use_default: true,
|
|
96
|
+
},
|
|
97
|
+
siteLogo: {
|
|
98
|
+
value: "169",
|
|
99
|
+
fieldid: "127",
|
|
100
|
+
type: "metadata_field_related_asset",
|
|
101
|
+
is_contextable: true,
|
|
102
|
+
default_value: false,
|
|
103
|
+
use_default: true,
|
|
104
|
+
},
|
|
105
|
+
siteFavicon: {
|
|
106
|
+
value: "106",
|
|
107
|
+
fieldid: "128",
|
|
108
|
+
type: "metadata_field_related_asset",
|
|
109
|
+
is_contextable: true,
|
|
110
|
+
default_value: false,
|
|
111
|
+
use_default: true,
|
|
112
|
+
},
|
|
113
|
+
siteAppleTouch: {
|
|
114
|
+
value: "106",
|
|
115
|
+
fieldid: "129",
|
|
116
|
+
type: "metadata_field_related_asset",
|
|
117
|
+
is_contextable: true,
|
|
118
|
+
default_value: false,
|
|
119
|
+
use_default: true,
|
|
120
|
+
},
|
|
121
|
+
sitePreHeaderLogo: {
|
|
122
|
+
value: "170",
|
|
123
|
+
fieldid: "171",
|
|
124
|
+
type: "metadata_field_related_asset",
|
|
125
|
+
is_contextable: true,
|
|
126
|
+
default_value: false,
|
|
127
|
+
use_default: true,
|
|
128
|
+
},
|
|
129
|
+
sitePreHeaderText: {
|
|
130
|
+
value: "digital.qld.gov.au",
|
|
131
|
+
fieldid: "167",
|
|
132
|
+
type: "metadata_field_text",
|
|
133
|
+
is_contextable: true,
|
|
134
|
+
default_value: false,
|
|
135
|
+
use_default: true,
|
|
136
|
+
},
|
|
137
|
+
sitePreHeaderURL: {
|
|
138
|
+
value: "http://www.digital.qld.gov.au",
|
|
139
|
+
fieldid: "168",
|
|
140
|
+
type: "metadata_field_text",
|
|
141
|
+
is_contextable: true,
|
|
142
|
+
default_value: false,
|
|
143
|
+
use_default: true,
|
|
144
|
+
},
|
|
145
|
+
showHomeIcon: {
|
|
146
|
+
value: "true",
|
|
147
|
+
fieldid: "481",
|
|
148
|
+
type: "metadata_field_select",
|
|
149
|
+
is_contextable: true,
|
|
150
|
+
default_value: true,
|
|
151
|
+
use_default: true,
|
|
152
|
+
},
|
|
153
|
+
siteRepository: {
|
|
154
|
+
value: "164",
|
|
155
|
+
fieldid: "213",
|
|
156
|
+
type: "metadata_field_related_asset",
|
|
157
|
+
is_contextable: true,
|
|
158
|
+
default_value: false,
|
|
159
|
+
use_default: true,
|
|
160
|
+
},
|
|
161
|
+
footerLinks: {
|
|
162
|
+
value: '["186","194","198","458","676"]',
|
|
163
|
+
fieldid: "715",
|
|
164
|
+
type: "metadata_field_related_asset",
|
|
165
|
+
is_contextable: true,
|
|
166
|
+
default_value: false,
|
|
167
|
+
use_default: true,
|
|
168
|
+
},
|
|
169
|
+
footerCopyrightMessage: {
|
|
170
|
+
value: "© The State of Queensland 2020",
|
|
171
|
+
fieldid: "722",
|
|
172
|
+
type: "metadata_field_text",
|
|
173
|
+
is_contextable: true,
|
|
174
|
+
default_value: true,
|
|
175
|
+
use_default: true,
|
|
176
|
+
},
|
|
177
|
+
footerCopyrightLink: {
|
|
178
|
+
value: "206",
|
|
179
|
+
fieldid: "723",
|
|
180
|
+
type: "metadata_field_related_asset",
|
|
181
|
+
is_contextable: true,
|
|
182
|
+
default_value: false,
|
|
183
|
+
use_default: true,
|
|
184
|
+
},
|
|
185
|
+
footerCTAHeading: {
|
|
186
|
+
value: "Help us improve",
|
|
187
|
+
fieldid: "724",
|
|
188
|
+
type: "metadata_field_text",
|
|
189
|
+
is_contextable: true,
|
|
190
|
+
default_value: false,
|
|
191
|
+
use_default: true,
|
|
192
|
+
},
|
|
193
|
+
footerCTALead: {
|
|
194
|
+
value: "We are always looking for ways to improve our website.",
|
|
195
|
+
fieldid: "725",
|
|
196
|
+
type: "metadata_field_text",
|
|
197
|
+
is_contextable: true,
|
|
198
|
+
default_value: false,
|
|
199
|
+
use_default: true,
|
|
200
|
+
},
|
|
201
|
+
footerCTALink: {
|
|
202
|
+
value: "186",
|
|
203
|
+
fieldid: "726",
|
|
204
|
+
type: "metadata_field_related_asset",
|
|
205
|
+
is_contextable: true,
|
|
206
|
+
default_value: false,
|
|
207
|
+
use_default: true,
|
|
208
|
+
},
|
|
65
209
|
},
|
|
66
210
|
},
|
|
67
211
|
metadata: {
|
|
68
|
-
displayInPageNav: {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
212
|
+
displayInPageNav: {
|
|
213
|
+
value: "",
|
|
214
|
+
fieldid: "808",
|
|
215
|
+
type: "metadata_field_select",
|
|
216
|
+
is_contextable: true,
|
|
217
|
+
default_value: true,
|
|
218
|
+
use_default: true,
|
|
219
|
+
},
|
|
220
|
+
inPageNav_heading: {
|
|
221
|
+
value: "On this page",
|
|
222
|
+
fieldid: "809",
|
|
223
|
+
type: "metadata_field_text",
|
|
224
|
+
is_contextable: true,
|
|
225
|
+
default_value: true,
|
|
226
|
+
use_default: true,
|
|
227
|
+
},
|
|
228
|
+
inPageNav_headingType: {
|
|
229
|
+
value: "h2",
|
|
230
|
+
fieldid: "810",
|
|
231
|
+
type: "metadata_field_select",
|
|
232
|
+
is_contextable: true,
|
|
233
|
+
default_value: true,
|
|
234
|
+
use_default: true,
|
|
235
|
+
},
|
|
236
|
+
siteTitle: {
|
|
237
|
+
value: "Queensland Health Design System",
|
|
238
|
+
fieldid: "166",
|
|
239
|
+
type: "metadata_field_text",
|
|
240
|
+
is_contextable: true,
|
|
241
|
+
default_value: false,
|
|
242
|
+
use_default: true,
|
|
243
|
+
},
|
|
244
|
+
siteLogo: {
|
|
245
|
+
value: "169",
|
|
246
|
+
fieldid: "127",
|
|
247
|
+
type: "metadata_field_related_asset",
|
|
248
|
+
is_contextable: true,
|
|
249
|
+
default_value: false,
|
|
250
|
+
use_default: true,
|
|
251
|
+
},
|
|
252
|
+
siteFavicon: {
|
|
253
|
+
value: "106",
|
|
254
|
+
fieldid: "128",
|
|
255
|
+
type: "metadata_field_related_asset",
|
|
256
|
+
is_contextable: true,
|
|
257
|
+
default_value: false,
|
|
258
|
+
use_default: true,
|
|
259
|
+
},
|
|
260
|
+
siteAppleTouch: {
|
|
261
|
+
value: "106",
|
|
262
|
+
fieldid: "129",
|
|
263
|
+
type: "metadata_field_related_asset",
|
|
264
|
+
is_contextable: true,
|
|
265
|
+
default_value: false,
|
|
266
|
+
use_default: true,
|
|
267
|
+
},
|
|
268
|
+
sitePreHeaderLogo: {
|
|
269
|
+
value: "170",
|
|
270
|
+
fieldid: "171",
|
|
271
|
+
type: "metadata_field_related_asset",
|
|
272
|
+
is_contextable: true,
|
|
273
|
+
default_value: false,
|
|
274
|
+
use_default: true,
|
|
275
|
+
},
|
|
276
|
+
sitePreHeaderText: {
|
|
277
|
+
value: "digital.qld.gov.au",
|
|
278
|
+
fieldid: "167",
|
|
279
|
+
type: "metadata_field_text",
|
|
280
|
+
is_contextable: true,
|
|
281
|
+
default_value: false,
|
|
282
|
+
use_default: true,
|
|
283
|
+
},
|
|
284
|
+
sitePreHeaderURL: {
|
|
285
|
+
value: "http://www.digital.qld.gov.au",
|
|
286
|
+
fieldid: "168",
|
|
287
|
+
type: "metadata_field_text",
|
|
288
|
+
is_contextable: true,
|
|
289
|
+
default_value: false,
|
|
290
|
+
use_default: true,
|
|
291
|
+
},
|
|
292
|
+
showHomeIcon: {
|
|
293
|
+
value: "true",
|
|
294
|
+
fieldid: "481",
|
|
295
|
+
type: "metadata_field_select",
|
|
296
|
+
is_contextable: true,
|
|
297
|
+
default_value: true,
|
|
298
|
+
use_default: true,
|
|
299
|
+
},
|
|
300
|
+
siteRepository: {
|
|
301
|
+
value: "164",
|
|
302
|
+
fieldid: "213",
|
|
303
|
+
type: "metadata_field_related_asset",
|
|
304
|
+
is_contextable: true,
|
|
305
|
+
default_value: false,
|
|
306
|
+
use_default: true,
|
|
307
|
+
},
|
|
308
|
+
footerLinks: {
|
|
309
|
+
value: '["186","194","198","458","676"]',
|
|
310
|
+
fieldid: "715",
|
|
311
|
+
type: "metadata_field_related_asset",
|
|
312
|
+
is_contextable: true,
|
|
313
|
+
default_value: false,
|
|
314
|
+
use_default: true,
|
|
315
|
+
},
|
|
316
|
+
footerCopyrightMessage: {
|
|
317
|
+
value: "© The State of Queensland 2020",
|
|
318
|
+
fieldid: "722",
|
|
319
|
+
type: "metadata_field_text",
|
|
320
|
+
is_contextable: true,
|
|
321
|
+
default_value: true,
|
|
322
|
+
use_default: true,
|
|
323
|
+
},
|
|
324
|
+
footerCopyrightLink: {
|
|
325
|
+
value: "206",
|
|
326
|
+
fieldid: "723",
|
|
327
|
+
type: "metadata_field_related_asset",
|
|
328
|
+
is_contextable: true,
|
|
329
|
+
default_value: false,
|
|
330
|
+
use_default: true,
|
|
331
|
+
},
|
|
332
|
+
footerCTAHeading: {
|
|
333
|
+
value: "Help us improve",
|
|
334
|
+
fieldid: "724",
|
|
335
|
+
type: "metadata_field_text",
|
|
336
|
+
is_contextable: true,
|
|
337
|
+
default_value: false,
|
|
338
|
+
use_default: true,
|
|
339
|
+
},
|
|
340
|
+
footerCTALead: {
|
|
341
|
+
value: "We are always looking for ways to improve our website.",
|
|
342
|
+
fieldid: "725",
|
|
343
|
+
type: "metadata_field_text",
|
|
344
|
+
is_contextable: true,
|
|
345
|
+
default_value: false,
|
|
346
|
+
use_default: true,
|
|
347
|
+
},
|
|
348
|
+
footerCTALink: {
|
|
349
|
+
value: "186",
|
|
350
|
+
fieldid: "726",
|
|
351
|
+
type: "metadata_field_related_asset",
|
|
352
|
+
is_contextable: true,
|
|
353
|
+
default_value: false,
|
|
354
|
+
use_default: true,
|
|
355
|
+
},
|
|
86
356
|
},
|
|
87
357
|
children: [
|
|
88
358
|
{ asset_name: "Get started", asset_assetid: "186" },
|
|
89
|
-
{
|
|
90
|
-
|
|
359
|
+
{
|
|
360
|
+
asset_name: "Brand guidelines",
|
|
361
|
+
asset_assetid: "190",
|
|
362
|
+
},
|
|
363
|
+
{
|
|
364
|
+
asset_name: "Content guidelines",
|
|
365
|
+
asset_assetid: "194",
|
|
366
|
+
},
|
|
91
367
|
{ asset_name: "Components", asset_assetid: "198" },
|
|
92
368
|
{ asset_name: "Examples", asset_assetid: "202" },
|
|
93
369
|
{ asset_name: "Support", asset_assetid: "206" },
|
|
@@ -114,36 +390,155 @@
|
|
|
114
390
|
status_changed_userid: "312",
|
|
115
391
|
thumbnail: "",
|
|
116
392
|
attributes: {
|
|
117
|
-
name: {
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
393
|
+
name: {
|
|
394
|
+
attrid: "631",
|
|
395
|
+
type: "text",
|
|
396
|
+
value: "Links",
|
|
397
|
+
is_contextable: true,
|
|
398
|
+
use_default: true,
|
|
399
|
+
},
|
|
400
|
+
short_name: {
|
|
401
|
+
attrid: "632",
|
|
402
|
+
type: "text",
|
|
403
|
+
value: "Links",
|
|
404
|
+
is_contextable: true,
|
|
405
|
+
use_default: true,
|
|
406
|
+
},
|
|
407
|
+
available_conditions: {
|
|
408
|
+
attrid: "633",
|
|
409
|
+
type: "serialise",
|
|
410
|
+
value: [],
|
|
411
|
+
is_contextable: false,
|
|
412
|
+
use_default: true,
|
|
413
|
+
},
|
|
414
|
+
conditions: {
|
|
415
|
+
attrid: "634",
|
|
416
|
+
type: "serialise",
|
|
417
|
+
value: [],
|
|
418
|
+
is_contextable: true,
|
|
419
|
+
use_default: true,
|
|
420
|
+
},
|
|
121
421
|
},
|
|
122
422
|
metadata: {
|
|
123
|
-
description: {
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
423
|
+
description: {
|
|
424
|
+
value: "",
|
|
425
|
+
fieldid: "132",
|
|
426
|
+
type: "metadata_field_text",
|
|
427
|
+
is_contextable: true,
|
|
428
|
+
default_value: true,
|
|
429
|
+
use_default: true,
|
|
430
|
+
},
|
|
431
|
+
pageType: {
|
|
432
|
+
value: "landing",
|
|
433
|
+
fieldid: "680",
|
|
434
|
+
type: "metadata_field_select",
|
|
435
|
+
is_contextable: true,
|
|
436
|
+
default_value: false,
|
|
437
|
+
use_default: true,
|
|
438
|
+
},
|
|
439
|
+
displayBreadcrumbs: {
|
|
440
|
+
value: "true",
|
|
441
|
+
fieldid: "681",
|
|
442
|
+
type: "metadata_field_select",
|
|
443
|
+
is_contextable: true,
|
|
444
|
+
default_value: true,
|
|
445
|
+
use_default: true,
|
|
446
|
+
},
|
|
447
|
+
displayBanner: {
|
|
448
|
+
value: "true",
|
|
449
|
+
fieldid: "682",
|
|
450
|
+
type: "metadata_field_select",
|
|
451
|
+
is_contextable: true,
|
|
452
|
+
default_value: true,
|
|
453
|
+
use_default: true,
|
|
454
|
+
},
|
|
455
|
+
displayInPageNav: {
|
|
456
|
+
value: "true",
|
|
457
|
+
fieldid: "808",
|
|
458
|
+
type: "metadata_field_select",
|
|
459
|
+
is_contextable: true,
|
|
460
|
+
default_value: true,
|
|
461
|
+
use_default: true,
|
|
462
|
+
},
|
|
463
|
+
inPageNav_heading: {
|
|
464
|
+
value: "On this page",
|
|
465
|
+
fieldid: "809",
|
|
466
|
+
type: "metadata_field_text",
|
|
467
|
+
is_contextable: true,
|
|
468
|
+
default_value: true,
|
|
469
|
+
use_default: true,
|
|
470
|
+
},
|
|
471
|
+
inPageNav_headingType: {
|
|
472
|
+
value: "h2",
|
|
473
|
+
fieldid: "810",
|
|
474
|
+
type: "metadata_field_select",
|
|
475
|
+
is_contextable: true,
|
|
476
|
+
default_value: true,
|
|
477
|
+
use_default: true,
|
|
478
|
+
},
|
|
130
479
|
},
|
|
131
480
|
},
|
|
132
481
|
home: 0,
|
|
133
482
|
children: [
|
|
134
|
-
{
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
483
|
+
{
|
|
484
|
+
asset_assetid: "458",
|
|
485
|
+
asset_url: "https://qhscb.squiz.cloud/components/accordion",
|
|
486
|
+
asset_name: "Accordion",
|
|
487
|
+
children: [],
|
|
488
|
+
},
|
|
489
|
+
{
|
|
490
|
+
asset_assetid: "325",
|
|
491
|
+
asset_url: "https://qhscb.squiz.cloud/components/callout",
|
|
492
|
+
asset_name: "Callout",
|
|
493
|
+
children: [],
|
|
494
|
+
},
|
|
495
|
+
{
|
|
496
|
+
asset_assetid: "659",
|
|
497
|
+
asset_url: "https://qhscb.squiz.cloud/components/card-listing",
|
|
498
|
+
asset_name: "Card Listing",
|
|
499
|
+
children: [],
|
|
500
|
+
},
|
|
501
|
+
{
|
|
502
|
+
asset_assetid: "676",
|
|
503
|
+
asset_url: "https://qhscb.squiz.cloud/components/links",
|
|
504
|
+
asset_name: "Links",
|
|
505
|
+
children: [],
|
|
506
|
+
},
|
|
507
|
+
{
|
|
508
|
+
asset_assetid: "683",
|
|
509
|
+
asset_url: "https://qhscb.squiz.cloud/components/search-box",
|
|
510
|
+
asset_name: "Search Box",
|
|
511
|
+
children: [],
|
|
512
|
+
},
|
|
513
|
+
{
|
|
514
|
+
asset_assetid: "785",
|
|
515
|
+
asset_url: "https://qhscb.squiz.cloud/components/page-alert",
|
|
516
|
+
asset_name: "Page Alert",
|
|
517
|
+
children: [],
|
|
518
|
+
},
|
|
140
519
|
],
|
|
141
520
|
lineage: [
|
|
142
|
-
{
|
|
143
|
-
|
|
144
|
-
|
|
521
|
+
{
|
|
522
|
+
asset_assetid: "136",
|
|
523
|
+
asset_name: "Design System",
|
|
524
|
+
asset_url: "https://qhscb.squiz.cloud",
|
|
525
|
+
},
|
|
526
|
+
{
|
|
527
|
+
asset_assetid: "198",
|
|
528
|
+
asset_name: "Components",
|
|
529
|
+
asset_url: "https://qhscb.squiz.cloud/components",
|
|
530
|
+
},
|
|
531
|
+
{
|
|
532
|
+
asset_assetid: "676",
|
|
533
|
+
asset_name: "Links",
|
|
534
|
+
asset_url: "https://qhscb.squiz.cloud/components/links",
|
|
535
|
+
},
|
|
145
536
|
],
|
|
146
|
-
top: {
|
|
537
|
+
top: {
|
|
538
|
+
asset_assetid: "198",
|
|
539
|
+
asset_name: "Components",
|
|
540
|
+
asset_url: "https://qhscb.squiz.cloud/components",
|
|
541
|
+
},
|
|
147
542
|
},
|
|
148
543
|
};
|
|
149
544
|
</script>
|
|
@@ -208,17 +603,23 @@
|
|
|
208
603
|
<h3>Modal</h3>
|
|
209
604
|
<button class="qld__btn qld__btn--icon-trail qld__open-modal" data-modaltarget="qld__share-modal">
|
|
210
605
|
Modal button
|
|
211
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
606
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
607
|
+
<use href="/mysource_files/img/QLD-icons.svg#share"></use>
|
|
608
|
+
</svg>
|
|
212
609
|
</button>
|
|
213
610
|
<div id="qld__share-modal" class="qld__modal" tabindex="-1">
|
|
214
611
|
<div class="qld__modal__underlay"></div>
|
|
215
612
|
<div class="qld__modal__inner">
|
|
216
613
|
<div class="qld__modal__header">
|
|
217
|
-
<svg class="qld__icon qld__icon--md qld__modal__header-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
614
|
+
<svg class="qld__icon qld__icon--md qld__modal__header-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
615
|
+
<use href="/mysource_files/img/QLD-icons.svg#share"></use>
|
|
616
|
+
</svg>
|
|
218
617
|
<span class="qld__modal__header-heading qld__display-lg">Modal Header</span>
|
|
219
618
|
<button class="qld__btn qld__btn--close" data-action="close">
|
|
220
619
|
<span class="sr-only"> Close modal </span>
|
|
221
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
620
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
621
|
+
<use href="/mysource_files/img/QLD-icons.svg#close"></use>
|
|
622
|
+
</svg>
|
|
222
623
|
</button>
|
|
223
624
|
</div>
|
|
224
625
|
<div class="qld__modal__content">
|
|
@@ -235,13 +636,19 @@
|
|
|
235
636
|
<h3>Primary Buttons</h3>
|
|
236
637
|
<ul class="qld__link-list qld__link-list--inline">
|
|
237
638
|
<!-- Link button -->
|
|
238
|
-
<li
|
|
639
|
+
<li>
|
|
640
|
+
<a href="#" class="qld__btn" hover="">Link</a>
|
|
641
|
+
</li>
|
|
239
642
|
<!-- Default button -->
|
|
240
|
-
<li
|
|
643
|
+
<li>
|
|
644
|
+
<button type="button" class="qld__btn">Default</button>
|
|
645
|
+
</li>
|
|
241
646
|
<!-- Leading icon -->
|
|
242
647
|
<li>
|
|
243
648
|
<button type="button" class="qld__btn qld__btn--icon-lead">
|
|
244
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
649
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
650
|
+
<use href="/mysource_files/img/QLD-icons.svg#announcement"></use>
|
|
651
|
+
</svg>
|
|
245
652
|
Leading icon
|
|
246
653
|
</button>
|
|
247
654
|
</li>
|
|
@@ -249,23 +656,33 @@
|
|
|
249
656
|
<li>
|
|
250
657
|
<button type="button" class="qld__btn qld__btn--icon-trail">
|
|
251
658
|
Trailing icon
|
|
252
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
659
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
660
|
+
<use href="/mysource_files/img/QLD-icons.svg#announcement"></use>
|
|
661
|
+
</svg>
|
|
253
662
|
</button>
|
|
254
663
|
</li>
|
|
255
664
|
<!-- Disabled -->
|
|
256
|
-
<li
|
|
665
|
+
<li>
|
|
666
|
+
<button type="button" class="qld__btn" disabled="">Disabled</button>
|
|
667
|
+
</li>
|
|
257
668
|
</ul>
|
|
258
669
|
|
|
259
670
|
<h3>Secondary Buttons</h3>
|
|
260
671
|
<ul class="qld__link-list qld__link-list--inline">
|
|
261
672
|
<!-- Link button -->
|
|
262
|
-
<li
|
|
673
|
+
<li>
|
|
674
|
+
<a href="#" class="qld__btn qld__btn--secondary" hover="">Link</a>
|
|
675
|
+
</li>
|
|
263
676
|
<!-- Default button -->
|
|
264
|
-
<li
|
|
677
|
+
<li>
|
|
678
|
+
<button type="button" class="qld__btn qld__btn--secondary">Default</button>
|
|
679
|
+
</li>
|
|
265
680
|
<!-- Leading icon -->
|
|
266
681
|
<li>
|
|
267
682
|
<button type="button" class="qld__btn qld__btn--secondary qld__btn--icon-lead">
|
|
268
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
683
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
684
|
+
<use href="/mysource_files/img/QLD-icons.svg#announcement"></use>
|
|
685
|
+
</svg>
|
|
269
686
|
Leading icon
|
|
270
687
|
</button>
|
|
271
688
|
</li>
|
|
@@ -273,23 +690,33 @@
|
|
|
273
690
|
<li>
|
|
274
691
|
<button type="button" class="qld__btn qld__btn--secondary qld__btn--icon-trail">
|
|
275
692
|
Trailing icon
|
|
276
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
693
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
694
|
+
<use href="/mysource_files/img/QLD-icons.svg#announcement"></use>
|
|
695
|
+
</svg>
|
|
277
696
|
</button>
|
|
278
697
|
</li>
|
|
279
698
|
<!-- Disabled -->
|
|
280
|
-
<li
|
|
699
|
+
<li>
|
|
700
|
+
<button type="button" class="qld__btn qld__btn--secondary" disabled="">Disabled</button>
|
|
701
|
+
</li>
|
|
281
702
|
</ul>
|
|
282
703
|
|
|
283
704
|
<h3>Tertiary Buttons</h3>
|
|
284
705
|
<ul class="qld__link-list qld__link-list--inline">
|
|
285
706
|
<!-- Link button -->
|
|
286
|
-
<li
|
|
707
|
+
<li>
|
|
708
|
+
<a href="#" class="qld__btn qld__btn--tertiary" hover="">Link</a>
|
|
709
|
+
</li>
|
|
287
710
|
<!-- Default button -->
|
|
288
|
-
<li
|
|
711
|
+
<li>
|
|
712
|
+
<button type="button" class="qld__btn qld__btn--tertiary">Default</button>
|
|
713
|
+
</li>
|
|
289
714
|
<!-- Leading icon -->
|
|
290
715
|
<li>
|
|
291
716
|
<button type="button" class="qld__btn qld__btn--tertiary qld__btn--icon-lead">
|
|
292
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
717
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
718
|
+
<use href="/mysource_files/img/QLD-icons.svg#announcement"></use>
|
|
719
|
+
</svg>
|
|
293
720
|
Leading icon
|
|
294
721
|
</button>
|
|
295
722
|
</li>
|
|
@@ -297,11 +724,15 @@
|
|
|
297
724
|
<li>
|
|
298
725
|
<button type="button" class="qld__btn qld__btn--tertiary qld__btn--icon-trail">
|
|
299
726
|
Trailing icon
|
|
300
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
727
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
728
|
+
<use href="/mysource_files/img/QLD-icons.svg#announcement"></use>
|
|
729
|
+
</svg>
|
|
301
730
|
</button>
|
|
302
731
|
</li>
|
|
303
732
|
<!-- Disabled -->
|
|
304
|
-
<li
|
|
733
|
+
<li>
|
|
734
|
+
<button type="button" class="qld__btn qld__btn--tertiary" disabled="">Disabled</button>
|
|
735
|
+
</li>
|
|
305
736
|
</ul>
|
|
306
737
|
|
|
307
738
|
<h3 style="margin-bottom: 2rem">CTA links</h3>
|
|
@@ -321,27 +752,39 @@
|
|
|
321
752
|
<li><a href="#">About us</a></li>
|
|
322
753
|
<li><a href="#">Products</a></li>
|
|
323
754
|
<li><a href="#">FAQ</a></li>
|
|
324
|
-
<li
|
|
755
|
+
<li>
|
|
756
|
+
<a href="#">Terms and conditions</a>
|
|
757
|
+
</li>
|
|
325
758
|
<li><a href="#">Privacy policy</a></li>
|
|
326
|
-
<li class="qld__link-columns__all-link"
|
|
759
|
+
<li class="qld__link-columns__all-link">
|
|
760
|
+
<a href="#" class="qld__cta-link qld__cta-link--view-all">View all</a>
|
|
761
|
+
</li>
|
|
327
762
|
</ul>
|
|
328
763
|
<ul aria-label="Related links" class="qld__link-columns qld__link-columns--2-col">
|
|
329
764
|
<li><a href="#">Contact us</a></li>
|
|
330
765
|
<li><a href="#">About us</a></li>
|
|
331
766
|
<li><a href="#">Products</a></li>
|
|
332
767
|
<li><a href="#">FAQ</a></li>
|
|
333
|
-
<li
|
|
768
|
+
<li>
|
|
769
|
+
<a href="#">Terms and conditions</a>
|
|
770
|
+
</li>
|
|
334
771
|
<li><a href="#">Privacy policy</a></li>
|
|
335
|
-
<li class="qld__link-columns__all-link"
|
|
772
|
+
<li class="qld__link-columns__all-link">
|
|
773
|
+
<a href="#" class="qld__cta-link qld__cta-link--view-all">View all</a>
|
|
774
|
+
</li>
|
|
336
775
|
</ul>
|
|
337
776
|
<ul aria-label="Related links" class="qld__link-columns qld__link-columns--3-col">
|
|
338
777
|
<li><a href="#">Contact us</a></li>
|
|
339
778
|
<li><a href="#">About us</a></li>
|
|
340
779
|
<li><a href="#">Products</a></li>
|
|
341
780
|
<li><a href="#">FAQ</a></li>
|
|
342
|
-
<li
|
|
781
|
+
<li>
|
|
782
|
+
<a href="#">Terms and conditions</a>
|
|
783
|
+
</li>
|
|
343
784
|
<li><a href="#">Privacy policy</a></li>
|
|
344
|
-
<li class="qld__link-columns__all-link"
|
|
785
|
+
<li class="qld__link-columns__all-link">
|
|
786
|
+
<a href="#" class="qld__cta-link qld__cta-link--view-all">View all</a>
|
|
787
|
+
</li>
|
|
345
788
|
</ul>
|
|
346
789
|
|
|
347
790
|
<h3 style="margin-bottom: 2rem">Link list - WIP</h3>
|
|
@@ -579,13 +1022,19 @@
|
|
|
579
1022
|
<h3>Primary Buttons</h3>
|
|
580
1023
|
<ul class="qld__link-list qld__link-list--inline">
|
|
581
1024
|
<!-- Link button -->
|
|
582
|
-
<li
|
|
1025
|
+
<li>
|
|
1026
|
+
<a href="#" class="qld__btn" hover="">Link</a>
|
|
1027
|
+
</li>
|
|
583
1028
|
<!-- Default button -->
|
|
584
|
-
<li
|
|
1029
|
+
<li>
|
|
1030
|
+
<button type="button" class="qld__btn">Default</button>
|
|
1031
|
+
</li>
|
|
585
1032
|
<!-- Leading icon -->
|
|
586
1033
|
<li>
|
|
587
1034
|
<button type="button" class="qld__btn qld__btn--icon-lead">
|
|
588
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1035
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1036
|
+
<use href="/mysource_files/img/QLD-icons.svg#design"></use>
|
|
1037
|
+
</svg>
|
|
589
1038
|
Leading icon
|
|
590
1039
|
</button>
|
|
591
1040
|
</li>
|
|
@@ -593,23 +1042,33 @@
|
|
|
593
1042
|
<li>
|
|
594
1043
|
<button type="button" class="qld__btn qld__btn--icon-trail">
|
|
595
1044
|
Trailing icon
|
|
596
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1045
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1046
|
+
<use href="/mysource_files/img/QLD-icons.svg#design"></use>
|
|
1047
|
+
</svg>
|
|
597
1048
|
</button>
|
|
598
1049
|
</li>
|
|
599
1050
|
<!-- Disabled -->
|
|
600
|
-
<li
|
|
1051
|
+
<li>
|
|
1052
|
+
<button type="button" class="qld__btn" disabled="">Disabled</button>
|
|
1053
|
+
</li>
|
|
601
1054
|
</ul>
|
|
602
1055
|
|
|
603
1056
|
<h3>Secondary Buttons</h3>
|
|
604
1057
|
<ul class="qld__link-list qld__link-list--inline">
|
|
605
1058
|
<!-- Link button -->
|
|
606
|
-
<li
|
|
1059
|
+
<li>
|
|
1060
|
+
<a href="#" class="qld__btn qld__btn--secondary" hover="">Link</a>
|
|
1061
|
+
</li>
|
|
607
1062
|
<!-- Default button -->
|
|
608
|
-
<li
|
|
1063
|
+
<li>
|
|
1064
|
+
<button type="button" class="qld__btn qld__btn--secondary">Default</button>
|
|
1065
|
+
</li>
|
|
609
1066
|
<!-- Leading icon -->
|
|
610
1067
|
<li>
|
|
611
1068
|
<button type="button" class="qld__btn qld__btn--secondary qld__btn--icon-lead">
|
|
612
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1069
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1070
|
+
<use href="/mysource_files/img/QLD-icons.svg#design"></use>
|
|
1071
|
+
</svg>
|
|
613
1072
|
Leading icon
|
|
614
1073
|
</button>
|
|
615
1074
|
</li>
|
|
@@ -617,23 +1076,33 @@
|
|
|
617
1076
|
<li>
|
|
618
1077
|
<button type="button" class="qld__btn qld__btn--secondary qld__btn--icon-trail">
|
|
619
1078
|
Trailing icon
|
|
620
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1079
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1080
|
+
<use href="/mysource_files/img/QLD-icons.svg#design"></use>
|
|
1081
|
+
</svg>
|
|
621
1082
|
</button>
|
|
622
1083
|
</li>
|
|
623
1084
|
<!-- Disabled -->
|
|
624
|
-
<li
|
|
1085
|
+
<li>
|
|
1086
|
+
<button type="button" class="qld__btn qld__btn--secondary" disabled="">Disabled</button>
|
|
1087
|
+
</li>
|
|
625
1088
|
</ul>
|
|
626
1089
|
|
|
627
1090
|
<h3>Tertiary Buttons</h3>
|
|
628
1091
|
<ul class="qld__link-list qld__link-list--inline">
|
|
629
1092
|
<!-- Link button -->
|
|
630
|
-
<li
|
|
1093
|
+
<li>
|
|
1094
|
+
<a href="#" class="qld__btn qld__btn--tertiary" hover="">Link</a>
|
|
1095
|
+
</li>
|
|
631
1096
|
<!-- Default button -->
|
|
632
|
-
<li
|
|
1097
|
+
<li>
|
|
1098
|
+
<button type="button" class="qld__btn qld__btn--tertiary">Default</button>
|
|
1099
|
+
</li>
|
|
633
1100
|
<!-- Leading icon -->
|
|
634
1101
|
<li>
|
|
635
1102
|
<button type="button" class="qld__btn qld__btn--tertiary qld__btn--icon-lead">
|
|
636
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1103
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1104
|
+
<use href="/mysource_files/img/QLD-icons.svg#design"></use>
|
|
1105
|
+
</svg>
|
|
637
1106
|
Leading icon
|
|
638
1107
|
</button>
|
|
639
1108
|
</li>
|
|
@@ -641,11 +1110,15 @@
|
|
|
641
1110
|
<li>
|
|
642
1111
|
<button type="button" class="qld__btn qld__btn--tertiary qld__btn--icon-trail">
|
|
643
1112
|
Trailing icon
|
|
644
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1113
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1114
|
+
<use href="/mysource_files/img/QLD-icons.svg#design"></use>
|
|
1115
|
+
</svg>
|
|
645
1116
|
</button>
|
|
646
1117
|
</li>
|
|
647
1118
|
<!-- Disabled -->
|
|
648
|
-
<li
|
|
1119
|
+
<li>
|
|
1120
|
+
<button type="button" class="qld__btn qld__btn--tertiary" disabled="">Disabled</button>
|
|
1121
|
+
</li>
|
|
649
1122
|
</ul>
|
|
650
1123
|
|
|
651
1124
|
<h3 style="margin-bottom: 2rem">CTA links</h3>
|
|
@@ -665,27 +1138,39 @@
|
|
|
665
1138
|
<li><a href="#">About us</a></li>
|
|
666
1139
|
<li><a href="#">Products</a></li>
|
|
667
1140
|
<li><a href="#">FAQ</a></li>
|
|
668
|
-
<li
|
|
1141
|
+
<li>
|
|
1142
|
+
<a href="#">Terms and conditions</a>
|
|
1143
|
+
</li>
|
|
669
1144
|
<li><a href="#">Privacy policy</a></li>
|
|
670
|
-
<li class="qld__link-columns__all-link"
|
|
1145
|
+
<li class="qld__link-columns__all-link">
|
|
1146
|
+
<a href="#" class="qld__cta-link qld__cta-link--view-all">View all</a>
|
|
1147
|
+
</li>
|
|
671
1148
|
</ul>
|
|
672
1149
|
<ul aria-label="Related links" class="qld__link-columns qld__link-columns--2-col">
|
|
673
1150
|
<li><a href="#">Contact us</a></li>
|
|
674
1151
|
<li><a href="#">About us</a></li>
|
|
675
1152
|
<li><a href="#">Products</a></li>
|
|
676
1153
|
<li><a href="#">FAQ</a></li>
|
|
677
|
-
<li
|
|
1154
|
+
<li>
|
|
1155
|
+
<a href="#">Terms and conditions</a>
|
|
1156
|
+
</li>
|
|
678
1157
|
<li><a href="#">Privacy policy</a></li>
|
|
679
|
-
<li class="qld__link-columns__all-link"
|
|
1158
|
+
<li class="qld__link-columns__all-link">
|
|
1159
|
+
<a href="#" class="qld__cta-link qld__cta-link--view-all">View all</a>
|
|
1160
|
+
</li>
|
|
680
1161
|
</ul>
|
|
681
1162
|
<ul aria-label="Related links" class="qld__link-columns qld__link-columns--3-col">
|
|
682
1163
|
<li><a href="#">Contact us</a></li>
|
|
683
1164
|
<li><a href="#">About us</a></li>
|
|
684
1165
|
<li><a href="#">Products</a></li>
|
|
685
1166
|
<li><a href="#">FAQ</a></li>
|
|
686
|
-
<li
|
|
1167
|
+
<li>
|
|
1168
|
+
<a href="#">Terms and conditions</a>
|
|
1169
|
+
</li>
|
|
687
1170
|
<li><a href="#">Privacy policy</a></li>
|
|
688
|
-
<li class="qld__link-columns__all-link"
|
|
1171
|
+
<li class="qld__link-columns__all-link">
|
|
1172
|
+
<a href="#" class="qld__cta-link qld__cta-link--view-all">View all</a>
|
|
1173
|
+
</li>
|
|
689
1174
|
</ul>
|
|
690
1175
|
|
|
691
1176
|
<h3 style="margin-bottom: 2rem">Link list - WIP</h3>
|
|
@@ -837,13 +1322,19 @@
|
|
|
837
1322
|
<h3>Primary Buttons</h3>
|
|
838
1323
|
<ul class="qld__link-list qld__link-list--inline">
|
|
839
1324
|
<!-- Link button -->
|
|
840
|
-
<li
|
|
1325
|
+
<li>
|
|
1326
|
+
<a href="#" class="qld__btn" hover="">Link</a>
|
|
1327
|
+
</li>
|
|
841
1328
|
<!-- Default button -->
|
|
842
|
-
<li
|
|
1329
|
+
<li>
|
|
1330
|
+
<button type="button" class="qld__btn">Default</button>
|
|
1331
|
+
</li>
|
|
843
1332
|
<!-- Leading icon -->
|
|
844
1333
|
<li>
|
|
845
1334
|
<button type="button" class="qld__btn qld__btn--icon-lead">
|
|
846
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1335
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1336
|
+
<use href="/mysource_files/img/QLD-icons.svg#identity"></use>
|
|
1337
|
+
</svg>
|
|
847
1338
|
Leading icon
|
|
848
1339
|
</button>
|
|
849
1340
|
</li>
|
|
@@ -851,23 +1342,33 @@
|
|
|
851
1342
|
<li>
|
|
852
1343
|
<button type="button" class="qld__btn qld__btn--icon-trail">
|
|
853
1344
|
Trailing icon
|
|
854
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1345
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1346
|
+
<use href="/mysource_files/img/QLD-icons.svg#identity"></use>
|
|
1347
|
+
</svg>
|
|
855
1348
|
</button>
|
|
856
1349
|
</li>
|
|
857
1350
|
<!-- Disabled -->
|
|
858
|
-
<li
|
|
1351
|
+
<li>
|
|
1352
|
+
<button type="button" class="qld__btn" disabled="">Disabled</button>
|
|
1353
|
+
</li>
|
|
859
1354
|
</ul>
|
|
860
1355
|
|
|
861
1356
|
<h3>Secondary Buttons</h3>
|
|
862
1357
|
<ul class="qld__link-list qld__link-list--inline">
|
|
863
1358
|
<!-- Link button -->
|
|
864
|
-
<li
|
|
1359
|
+
<li>
|
|
1360
|
+
<a href="#" class="qld__btn qld__btn--secondary" hover="">Link</a>
|
|
1361
|
+
</li>
|
|
865
1362
|
<!-- Default button -->
|
|
866
|
-
<li
|
|
1363
|
+
<li>
|
|
1364
|
+
<button type="button" class="qld__btn qld__btn--secondary">Default</button>
|
|
1365
|
+
</li>
|
|
867
1366
|
<!-- Leading icon -->
|
|
868
1367
|
<li>
|
|
869
1368
|
<button type="button" class="qld__btn qld__btn--secondary qld__btn--icon-lead">
|
|
870
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1369
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1370
|
+
<use href="/mysource_files/img/QLD-icons.svg#identity"></use>
|
|
1371
|
+
</svg>
|
|
871
1372
|
Leading icon
|
|
872
1373
|
</button>
|
|
873
1374
|
</li>
|
|
@@ -875,23 +1376,33 @@
|
|
|
875
1376
|
<li>
|
|
876
1377
|
<button type="button" class="qld__btn qld__btn--secondary qld__btn--icon-trail">
|
|
877
1378
|
Trailing icon
|
|
878
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1379
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1380
|
+
<use href="/mysource_files/img/QLD-icons.svg#identity"></use>
|
|
1381
|
+
</svg>
|
|
879
1382
|
</button>
|
|
880
1383
|
</li>
|
|
881
1384
|
<!-- Disabled -->
|
|
882
|
-
<li
|
|
1385
|
+
<li>
|
|
1386
|
+
<button type="button" class="qld__btn qld__btn--secondary" disabled="">Disabled</button>
|
|
1387
|
+
</li>
|
|
883
1388
|
</ul>
|
|
884
1389
|
|
|
885
1390
|
<h3>Tertiary Buttons</h3>
|
|
886
1391
|
<ul class="qld__link-list qld__link-list--inline">
|
|
887
1392
|
<!-- Link button -->
|
|
888
|
-
<li
|
|
1393
|
+
<li>
|
|
1394
|
+
<a href="#" class="qld__btn qld__btn--tertiary" hover="">Link</a>
|
|
1395
|
+
</li>
|
|
889
1396
|
<!-- Default button -->
|
|
890
|
-
<li
|
|
1397
|
+
<li>
|
|
1398
|
+
<button type="button" class="qld__btn qld__btn--tertiary">Default</button>
|
|
1399
|
+
</li>
|
|
891
1400
|
<!-- Leading icon -->
|
|
892
1401
|
<li>
|
|
893
1402
|
<button type="button" class="qld__btn qld__btn--tertiary qld__btn--icon-lead">
|
|
894
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1403
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1404
|
+
<use href="/mysource_files/img/QLD-icons.svg#identity"></use>
|
|
1405
|
+
</svg>
|
|
895
1406
|
Leading icon
|
|
896
1407
|
</button>
|
|
897
1408
|
</li>
|
|
@@ -899,11 +1410,15 @@
|
|
|
899
1410
|
<li>
|
|
900
1411
|
<button type="button" class="qld__btn qld__btn--tertiary qld__btn--icon-trail">
|
|
901
1412
|
Trailing icon
|
|
902
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1413
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1414
|
+
<use href="/mysource_files/img/QLD-icons.svg#identity"></use>
|
|
1415
|
+
</svg>
|
|
903
1416
|
</button>
|
|
904
1417
|
</li>
|
|
905
1418
|
<!-- Disabled -->
|
|
906
|
-
<li
|
|
1419
|
+
<li>
|
|
1420
|
+
<button type="button" class="qld__btn qld__btn--tertiary" disabled="">Disabled</button>
|
|
1421
|
+
</li>
|
|
907
1422
|
</ul>
|
|
908
1423
|
|
|
909
1424
|
<h3 style="margin-bottom: 2rem">Links</h3>
|
|
@@ -923,27 +1438,39 @@
|
|
|
923
1438
|
<li><a href="#">About us</a></li>
|
|
924
1439
|
<li><a href="#">Products</a></li>
|
|
925
1440
|
<li><a href="#">FAQ</a></li>
|
|
926
|
-
<li
|
|
1441
|
+
<li>
|
|
1442
|
+
<a href="#">Terms and conditions</a>
|
|
1443
|
+
</li>
|
|
927
1444
|
<li><a href="#">Privacy policy</a></li>
|
|
928
|
-
<li class="qld__link-columns__all-link"
|
|
1445
|
+
<li class="qld__link-columns__all-link">
|
|
1446
|
+
<a href="#" class="qld__cta-link qld__cta-link--view-all">View all</a>
|
|
1447
|
+
</li>
|
|
929
1448
|
</ul>
|
|
930
1449
|
<ul aria-label="Related links" class="qld__link-columns qld__link-columns--2-col">
|
|
931
1450
|
<li><a href="#">Contact us</a></li>
|
|
932
1451
|
<li><a href="#">About us</a></li>
|
|
933
1452
|
<li><a href="#">Products</a></li>
|
|
934
1453
|
<li><a href="#">FAQ</a></li>
|
|
935
|
-
<li
|
|
1454
|
+
<li>
|
|
1455
|
+
<a href="#">Terms and conditions</a>
|
|
1456
|
+
</li>
|
|
936
1457
|
<li><a href="#">Privacy policy</a></li>
|
|
937
|
-
<li class="qld__link-columns__all-link"
|
|
1458
|
+
<li class="qld__link-columns__all-link">
|
|
1459
|
+
<a href="#" class="qld__cta-link qld__cta-link--view-all">View all</a>
|
|
1460
|
+
</li>
|
|
938
1461
|
</ul>
|
|
939
1462
|
<ul aria-label="Related links" class="qld__link-columns qld__link-columns--3-col">
|
|
940
1463
|
<li><a href="#">Contact us</a></li>
|
|
941
1464
|
<li><a href="#">About us</a></li>
|
|
942
1465
|
<li><a href="#">Products</a></li>
|
|
943
1466
|
<li><a href="#">FAQ</a></li>
|
|
944
|
-
<li
|
|
1467
|
+
<li>
|
|
1468
|
+
<a href="#">Terms and conditions</a>
|
|
1469
|
+
</li>
|
|
945
1470
|
<li><a href="#">Privacy policy</a></li>
|
|
946
|
-
<li class="qld__link-columns__all-link"
|
|
1471
|
+
<li class="qld__link-columns__all-link">
|
|
1472
|
+
<a href="#" class="qld__cta-link qld__cta-link--view-all">View all</a>
|
|
1473
|
+
</li>
|
|
947
1474
|
</ul>
|
|
948
1475
|
|
|
949
1476
|
<h3 style="margin-bottom: 2rem">Link list - WIP</h3>
|
|
@@ -1095,13 +1622,19 @@
|
|
|
1095
1622
|
<h3>Primary Buttons</h3>
|
|
1096
1623
|
<ul class="qld__link-list qld__link-list--inline">
|
|
1097
1624
|
<!-- Link button -->
|
|
1098
|
-
<li
|
|
1625
|
+
<li>
|
|
1626
|
+
<a href="#" class="qld__btn" hover="">Link</a>
|
|
1627
|
+
</li>
|
|
1099
1628
|
<!-- Default button -->
|
|
1100
|
-
<li
|
|
1629
|
+
<li>
|
|
1630
|
+
<button type="button" class="qld__btn">Default</button>
|
|
1631
|
+
</li>
|
|
1101
1632
|
<!-- Leading icon -->
|
|
1102
1633
|
<li>
|
|
1103
1634
|
<button type="button" class="qld__btn qld__btn--icon-lead">
|
|
1104
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1635
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1636
|
+
<use href="/mysource_files/img/QLD-icons.svg#wheelchair"></use>
|
|
1637
|
+
</svg>
|
|
1105
1638
|
Leading icon
|
|
1106
1639
|
</button>
|
|
1107
1640
|
</li>
|
|
@@ -1109,23 +1642,33 @@
|
|
|
1109
1642
|
<li>
|
|
1110
1643
|
<button type="button" class="qld__btn qld__btn--icon-trail">
|
|
1111
1644
|
Trailing icon
|
|
1112
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1645
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1646
|
+
<use href="/mysource_files/img/QLD-icons.svg#wheelchair"></use>
|
|
1647
|
+
</svg>
|
|
1113
1648
|
</button>
|
|
1114
1649
|
</li>
|
|
1115
1650
|
<!-- Disabled -->
|
|
1116
|
-
<li
|
|
1651
|
+
<li>
|
|
1652
|
+
<button type="button" class="qld__btn" disabled="">Disabled</button>
|
|
1653
|
+
</li>
|
|
1117
1654
|
</ul>
|
|
1118
1655
|
|
|
1119
1656
|
<h3>Secondary Buttons</h3>
|
|
1120
1657
|
<ul class="qld__link-list qld__link-list--inline">
|
|
1121
1658
|
<!-- Link button -->
|
|
1122
|
-
<li
|
|
1659
|
+
<li>
|
|
1660
|
+
<a href="#" class="qld__btn qld__btn--secondary" hover="">Link</a>
|
|
1661
|
+
</li>
|
|
1123
1662
|
<!-- Default button -->
|
|
1124
|
-
<li
|
|
1663
|
+
<li>
|
|
1664
|
+
<button type="button" class="qld__btn qld__btn--secondary">Default</button>
|
|
1665
|
+
</li>
|
|
1125
1666
|
<!-- Leading icon -->
|
|
1126
1667
|
<li>
|
|
1127
1668
|
<button type="button" class="qld__btn qld__btn--secondary qld__btn--icon-lead">
|
|
1128
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1669
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1670
|
+
<use href="/mysource_files/img/QLD-icons.svg#wheelchair"></use>
|
|
1671
|
+
</svg>
|
|
1129
1672
|
Leading icon
|
|
1130
1673
|
</button>
|
|
1131
1674
|
</li>
|
|
@@ -1133,23 +1676,33 @@
|
|
|
1133
1676
|
<li>
|
|
1134
1677
|
<button type="button" class="qld__btn qld__btn--secondary qld__btn--icon-trail">
|
|
1135
1678
|
Trailing icon
|
|
1136
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1679
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1680
|
+
<use href="/mysource_files/img/QLD-icons.svg#wheelchair"></use>
|
|
1681
|
+
</svg>
|
|
1137
1682
|
</button>
|
|
1138
1683
|
</li>
|
|
1139
1684
|
<!-- Disabled -->
|
|
1140
|
-
<li
|
|
1685
|
+
<li>
|
|
1686
|
+
<button type="button" class="qld__btn qld__btn--secondary" disabled="">Disabled</button>
|
|
1687
|
+
</li>
|
|
1141
1688
|
</ul>
|
|
1142
1689
|
|
|
1143
1690
|
<h3>Tertiary Buttons</h3>
|
|
1144
1691
|
<ul class="qld__link-list qld__link-list--inline">
|
|
1145
1692
|
<!-- Link button -->
|
|
1146
|
-
<li
|
|
1693
|
+
<li>
|
|
1694
|
+
<a href="#" class="qld__btn qld__btn--tertiary" hover="">Link</a>
|
|
1695
|
+
</li>
|
|
1147
1696
|
<!-- Default button -->
|
|
1148
|
-
<li
|
|
1697
|
+
<li>
|
|
1698
|
+
<button type="button" class="qld__btn qld__btn--tertiary">Default</button>
|
|
1699
|
+
</li>
|
|
1149
1700
|
<!-- Leading icon -->
|
|
1150
1701
|
<li>
|
|
1151
1702
|
<button type="button" class="qld__btn qld__btn--tertiary qld__btn--icon-lead">
|
|
1152
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1703
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1704
|
+
<use href="/mysource_files/img/QLD-icons.svg#wheelchair"></use>
|
|
1705
|
+
</svg>
|
|
1153
1706
|
Leading icon
|
|
1154
1707
|
</button>
|
|
1155
1708
|
</li>
|
|
@@ -1157,11 +1710,15 @@
|
|
|
1157
1710
|
<li>
|
|
1158
1711
|
<button type="button" class="qld__btn qld__btn--tertiary qld__btn--icon-trail">
|
|
1159
1712
|
Trailing icon
|
|
1160
|
-
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
1713
|
+
<svg class="qld__icon qld__icon--sm" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
|
|
1714
|
+
<use href="/mysource_files/img/QLD-icons.svg#wheelchair"></use>
|
|
1715
|
+
</svg>
|
|
1161
1716
|
</button>
|
|
1162
1717
|
</li>
|
|
1163
1718
|
<!-- Disabled -->
|
|
1164
|
-
<li
|
|
1719
|
+
<li>
|
|
1720
|
+
<button type="button" class="qld__btn qld__btn--tertiary" disabled="">Disabled</button>
|
|
1721
|
+
</li>
|
|
1165
1722
|
</ul>
|
|
1166
1723
|
|
|
1167
1724
|
<h3 style="margin-bottom: 2rem">Links</h3>
|
|
@@ -1181,27 +1738,39 @@
|
|
|
1181
1738
|
<li><a href="#">About us</a></li>
|
|
1182
1739
|
<li><a href="#">Products</a></li>
|
|
1183
1740
|
<li><a href="#">FAQ</a></li>
|
|
1184
|
-
<li
|
|
1741
|
+
<li>
|
|
1742
|
+
<a href="#">Terms and conditions</a>
|
|
1743
|
+
</li>
|
|
1185
1744
|
<li><a href="#">Privacy policy</a></li>
|
|
1186
|
-
<li class="qld__link-columns__all-link"
|
|
1745
|
+
<li class="qld__link-columns__all-link">
|
|
1746
|
+
<a href="#" class="qld__cta-link qld__cta-link--view-all">View all</a>
|
|
1747
|
+
</li>
|
|
1187
1748
|
</ul>
|
|
1188
1749
|
<ul aria-label="Related links" class="qld__link-columns qld__link-columns--2-col">
|
|
1189
1750
|
<li><a href="#">Contact us</a></li>
|
|
1190
1751
|
<li><a href="#">About us</a></li>
|
|
1191
1752
|
<li><a href="#">Products</a></li>
|
|
1192
1753
|
<li><a href="#">FAQ</a></li>
|
|
1193
|
-
<li
|
|
1754
|
+
<li>
|
|
1755
|
+
<a href="#">Terms and conditions</a>
|
|
1756
|
+
</li>
|
|
1194
1757
|
<li><a href="#">Privacy policy</a></li>
|
|
1195
|
-
<li class="qld__link-columns__all-link"
|
|
1758
|
+
<li class="qld__link-columns__all-link">
|
|
1759
|
+
<a href="#" class="qld__cta-link qld__cta-link--view-all">View all</a>
|
|
1760
|
+
</li>
|
|
1196
1761
|
</ul>
|
|
1197
1762
|
<ul aria-label="Related links" class="qld__link-columns qld__link-columns--3-col">
|
|
1198
1763
|
<li><a href="#">Contact us</a></li>
|
|
1199
1764
|
<li><a href="#">About us</a></li>
|
|
1200
1765
|
<li><a href="#">Products</a></li>
|
|
1201
1766
|
<li><a href="#">FAQ</a></li>
|
|
1202
|
-
<li
|
|
1767
|
+
<li>
|
|
1768
|
+
<a href="#">Terms and conditions</a>
|
|
1769
|
+
</li>
|
|
1203
1770
|
<li><a href="#">Privacy policy</a></li>
|
|
1204
|
-
<li class="qld__link-columns__all-link"
|
|
1771
|
+
<li class="qld__link-columns__all-link">
|
|
1772
|
+
<a href="#" class="qld__cta-link qld__cta-link--view-all">View all</a>
|
|
1773
|
+
</li>
|
|
1205
1774
|
</ul>
|
|
1206
1775
|
|
|
1207
1776
|
<h3 style="margin-bottom: 2rem">Link list - WIP</h3>
|
|
@@ -2275,12 +2844,11 @@
|
|
|
2275
2844
|
</div>
|
|
2276
2845
|
</div>
|
|
2277
2846
|
</div>
|
|
2847
|
+
<!-- Page Footer Info -->
|
|
2848
|
+
${require('../components/prefooter/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
|
|
2278
2849
|
</main>
|
|
2279
2850
|
<!-- END MAIN BODY -->
|
|
2280
2851
|
|
|
2281
|
-
<!-- WIDGETS -->
|
|
2282
|
-
${require('../components/widgets/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
|
|
2283
|
-
|
|
2284
2852
|
<!-- FOOTER-->
|
|
2285
2853
|
${require('../components/footer/html/component.hbs')({ "site":require('/src/data/site.json') })}
|
|
2286
2854
|
|