@qld-gov-au/qgds-bootstrap5 2.0.7 → 2.0.9
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/.esbuild/plugins/qgds-plugin-handlebar-partial-builder.js +76 -66
- package/.storybook/preview.js +1 -1
- package/dist/assets/components/bs5/footer/footer.hbs +20 -18
- package/dist/assets/components/bs5/head/head.hbs +1 -1
- package/dist/assets/components/bs5/header/header.hbs +40 -52
- package/dist/assets/components/bs5/header/headerBrand.hbs +9 -10
- package/dist/assets/components/bs5/image/image.hbs +8 -5
- package/dist/assets/components/bs5/logo/logo.hbs +2 -0
- package/dist/assets/components/bs5/logo/logoCOADeliveringForQLD.hbs +49 -0
- package/dist/assets/components/bs5/logo/logoCOALandscape.hbs +55 -109
- package/dist/assets/components/bs5/logo/logoCOALandscape2Lines.hbs +55 -55
- package/dist/assets/components/bs5/pageLayout/templates/contentPageWithForm.hbs +112 -93
- package/dist/assets/components/bs5/pageLayout/templates/contentPageWithSideNavigation.hbs +57 -53
- package/dist/assets/components/bs5/searchInput/searchInput.hbs +5 -5
- package/dist/assets/css/qld.bootstrap.css +1 -1
- package/dist/assets/css/qld.bootstrap.css.map +3 -3
- package/dist/assets/css/qld.bootstrap.legacy.css +1 -1
- package/dist/assets/css/qld.bootstrap.legacy.css.map +3 -3
- package/dist/assets/img/coa-delivering-for-qld.svg +47 -0
- package/dist/assets/img/coa-delivering-for-qld.svg.old +58 -0
- package/dist/assets/img/coa-landscape-2lines.svg +63 -0
- package/dist/assets/img/coa-landscape-web.svg +56 -0
- package/dist/assets/js/handlebars.helpers.bundle.js +1 -1
- package/dist/assets/js/handlebars.helpers.bundle.js.map +3 -3
- package/dist/assets/js/handlebars.init.min.js +720 -708
- package/dist/assets/js/handlebars.init.min.js.map +4 -4
- package/dist/assets/js/handlebars.partials.js +720 -708
- package/dist/assets/js/handlebars.partials.js.map +4 -4
- package/dist/assets/js/qld.bootstrap.min.js +3 -3
- package/dist/assets/js/qld.bootstrap.min.js.map +3 -3
- package/dist/assets/node/handlebars.init.min.js +239 -199
- package/dist/assets/node/handlebars.init.min.js.map +3 -3
- package/dist/components/bs5/footer/footer.hbs +20 -18
- package/dist/components/bs5/head/head.hbs +1 -1
- package/dist/components/bs5/header/header.hbs +40 -52
- package/dist/components/bs5/header/headerBrand.hbs +9 -10
- package/dist/components/bs5/image/image.hbs +8 -5
- package/dist/components/bs5/logo/logo.hbs +2 -0
- package/dist/components/bs5/logo/logoCOADeliveringForQLD.hbs +49 -0
- package/dist/components/bs5/logo/logoCOALandscape.hbs +55 -109
- package/dist/components/bs5/logo/logoCOALandscape2Lines.hbs +55 -55
- package/dist/components/bs5/pageLayout/templates/contentPageWithForm.hbs +112 -93
- package/dist/components/bs5/pageLayout/templates/contentPageWithSideNavigation.hbs +57 -53
- package/dist/components/bs5/searchInput/searchInput.hbs +5 -5
- package/dist/package.json +12 -12
- package/dist/sample-data/breadcrumbs/breadcrumbs.data.json +1 -1
- package/dist/sample-data/header/header.variant.coBrand.data.json +5 -8
- package/dist/sample-data/header/header.variant.endorsed.data.json +3 -6
- package/dist/sample-data/header/header.variant.masterBrand.data.json +1 -6
- package/dist/sample-data/header/header.variant.standAlone.data.json +3 -6
- package/dist/sample-data/header/header.variant.subBrand.data.json +5 -8
- package/dist/sample-data/image/image.data.json +4 -2
- package/esbuild.js +1 -1
- package/package.json +12 -12
- package/src/components/bs5/banner/banner.scss +30 -21
- package/src/components/bs5/banner/banner.stories.js +25 -16
- package/src/components/bs5/breadcrumbs/breadcrumbs.data.json +1 -1
- package/src/components/bs5/breadcrumbs/breadcrumbs.scss +7 -2
- package/src/components/bs5/card/card.scss +1 -1
- package/src/components/bs5/footer/footer.hbs +20 -18
- package/src/components/bs5/footer/footer.scss +7 -5
- package/src/components/bs5/header/Header.js +25 -0
- package/src/components/bs5/header/_header-variables.scss +61 -247
- package/src/components/bs5/header/header.functions.js +10 -15
- package/src/components/bs5/header/header.hbs +40 -52
- package/src/components/bs5/header/header.scss +170 -158
- package/src/components/bs5/header/header.stories.js +37 -206
- package/src/components/bs5/header/header.variant.coBrand.data.json +5 -8
- package/src/components/bs5/header/header.variant.endorsed.data.json +3 -6
- package/src/components/bs5/header/header.variant.masterBrand.data.json +1 -6
- package/src/components/bs5/header/header.variant.standAlone.data.json +3 -6
- package/src/components/bs5/header/header.variant.subBrand.data.json +5 -8
- package/src/components/bs5/header/headerBrand.hbs +9 -10
- package/src/components/bs5/image/image.data.json +4 -2
- package/src/components/bs5/image/image.hbs +8 -5
- package/src/components/bs5/image/image.scss +29 -7
- package/src/components/bs5/image/image.stories.js +77 -57
- package/src/components/bs5/inpageAlert/inpageAlert.scss +107 -120
- package/src/components/bs5/linkColumns/linkColumns.scss +18 -25
- package/src/components/bs5/logo/logo.hbs +2 -0
- package/src/components/bs5/logo/logoCOADeliveringForQLD.hbs +49 -0
- package/src/components/bs5/logo/logoCOALandscape.hbs +55 -109
- package/src/components/bs5/logo/logoCOALandscape2Lines.hbs +55 -55
- package/src/components/bs5/navbar/navbar.scss +36 -14
- package/src/components/bs5/pageLayout/pageLayout.stories.js +11 -45
- package/src/components/bs5/pageLayout/templates/contentPageWithForm.hbs +112 -93
- package/src/components/bs5/pageLayout/templates/contentPageWithSideNavigation.hbs +57 -53
- package/src/components/bs5/searchInput/SearchInput.js +3 -5
- package/src/components/bs5/searchInput/__snapshots__/searchInput.test.js.snap +5 -5
- package/src/components/bs5/searchInput/searchInput.hbs +5 -5
- package/src/components/bs5/searchInput/searchInput.scss +17 -5
- package/src/components/bs5/tag/tag--large.stories.js +53 -0
- package/src/components/bs5/tag/tag--standard.stories.js +39 -0
- package/src/components/bs5/tag/tag--status.stories.js +97 -0
- package/src/components/bs5/tag/tag.scss +67 -36
- package/src/components/bs5/tag/tag.stories.js +69 -106
- package/src/css/main.scss +2 -2
- package/src/css/mixins/_index.scss +1 -0
- package/src/css/mixins/focusable.scss +6 -5
- package/src/css/mixins/make-link.scss +40 -0
- package/src/css/qld-theme.scss +16 -8
- package/src/css/qld-type.scss +3 -73
- package/src/css/variables/animation.scss +5 -0
- package/src/img/coa-delivering-for-qld.svg +47 -0
- package/src/img/coa-delivering-for-qld.svg.old +58 -0
- package/src/img/coa-landscape-2lines.svg +63 -0
- package/src/img/coa-landscape-web.svg +56 -0
- package/src/js/handlebars.helpers.js +51 -38
- package/src/js/handlebars.partials.js +12 -10
- package/dist/assets/img/_coa_header-logo-qgov--stacked.svg +0 -171
- package/dist/assets/img/_coa_header-logo-qgov-masterbrand.svg +0 -56
- package/dist/assets/img/_coa_preheader-logo-qgov.svg +0 -56
- package/src/img/_coa_header-logo-qgov--stacked.svg +0 -171
- package/src/img/_coa_header-logo-qgov-masterbrand.svg +0 -56
- package/src/img/_coa_preheader-logo-qgov.svg +0 -56
|
@@ -2,108 +2,127 @@
|
|
|
2
2
|
<html lang="en">
|
|
3
3
|
|
|
4
4
|
<head>
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
<meta charset="UTF-8">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
+
<title>{{title}}</title>
|
|
8
8
|
</head>
|
|
9
9
|
|
|
10
10
|
<body>
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
{{> navbar navbar}}
|
|
11
|
+
<!-- Global ALert -->
|
|
12
|
+
{{> globalAlert globalAlert}}
|
|
14
13
|
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
<!-- Header -->
|
|
15
|
+
{{> header header }}
|
|
16
|
+
|
|
17
|
+
<!-- Navbar -->
|
|
18
|
+
{{> navbar navbar}}
|
|
19
|
+
|
|
20
|
+
{{#if banner}}
|
|
21
|
+
{{> banner banner}}
|
|
22
|
+
{{/if}}
|
|
23
|
+
|
|
24
|
+
<div class="container mt-40 mt-lg-64">
|
|
25
|
+
|
|
26
|
+
{{#if breadcrumbs}}
|
|
27
|
+
<!-- breadcrumbs -->
|
|
28
|
+
{{> breadcrumbs breadcrumbs}}
|
|
17
29
|
{{/if}}
|
|
18
30
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
31
|
+
<!-- Start Main Content Body -->
|
|
32
|
+
<div class="row">
|
|
33
|
+
|
|
34
|
+
<!-- Start Side navigation column (span 3) -->
|
|
35
|
+
<div class="col-12 col-lg-3">
|
|
36
|
+
<!-- QGDS Side Navigation Component -->
|
|
37
|
+
{{> sidenav sidenav}}
|
|
38
|
+
</div>
|
|
39
|
+
<!-- End Side navigation column -->
|
|
40
|
+
|
|
41
|
+
<!-- Start Main Column (span 8) -->
|
|
42
|
+
<div class="col-12 col-lg-8 mt-40 mt-lg-0">
|
|
43
|
+
|
|
44
|
+
<!-- Main Content div, includes a 2rem/32px horizontal padding on large screens and up -->
|
|
45
|
+
<main class="px-lg-32">
|
|
46
|
+
|
|
47
|
+
<h1 id="section-heading">Single page form (H1)</h1>
|
|
48
|
+
|
|
49
|
+
<p>Your feedback is important to us. It tells us how we can improve and what we’re doing well. Your feedback
|
|
50
|
+
is confidential.</p>
|
|
51
|
+
|
|
52
|
+
<h2 id="form-heading">Enquiry form (H2)</h2>
|
|
53
|
+
|
|
54
|
+
{{#if inpageAlert}}
|
|
55
|
+
<!-- Inpage Alert -->
|
|
56
|
+
<div class="mb-32">
|
|
57
|
+
{{> inpageAlert inpageAlert}}
|
|
58
|
+
</div>
|
|
59
|
+
{{/if}}
|
|
60
|
+
|
|
61
|
+
<!-- Example WYSIWYG content -->
|
|
62
|
+
<p>Any information submitted using this form will be used in line with our privacy statement.</p>
|
|
63
|
+
<p>Required fields are marked with an *</p>
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
{{#if form}}
|
|
67
|
+
<!-- Example Form, with 2rem vertical spacing -->
|
|
68
|
+
<form class="qld-form my-32">
|
|
69
|
+
{{#each form.fields1}}
|
|
70
|
+
<div class="form-group mb-32">
|
|
71
|
+
{{#ifCond type '==' 'textbox'}}
|
|
72
|
+
{{> textbox this}}
|
|
73
|
+
{{else ifCond type '==' 'textarea'}}
|
|
74
|
+
{{> textarea this}}
|
|
75
|
+
{{else ifCond type '==' 'radio'}}
|
|
76
|
+
{{> formcheck this}}
|
|
77
|
+
{{/ifCond}}
|
|
26
78
|
</div>
|
|
27
|
-
{{/
|
|
79
|
+
{{/each}}
|
|
80
|
+
|
|
81
|
+
<h3 id="contact-details">Contact details (H3)</h3>
|
|
82
|
+
|
|
83
|
+
{{#each form.fields2}}
|
|
84
|
+
<div class="form-group mb-32">
|
|
85
|
+
{{#ifCond type '==' 'textbox'}}
|
|
86
|
+
{{> textbox this}}
|
|
87
|
+
{{else ifCond type '==' 'select'}}
|
|
88
|
+
{{> select this}}
|
|
89
|
+
{{else ifCond type '==' 'checkbox'}}
|
|
90
|
+
{{> formcheck this}}
|
|
91
|
+
{{/ifCond}}
|
|
92
|
+
</div>
|
|
93
|
+
{{/each}}
|
|
28
94
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
</div>
|
|
35
|
-
{{/if}}
|
|
36
|
-
|
|
37
|
-
<!-- Content Col -->
|
|
38
|
-
<div class="col-lg-8 col-md-7 ps-1 ps-md-32">
|
|
39
|
-
|
|
40
|
-
<!-- Main Content Sections -->
|
|
41
|
-
<div class="content-section mb-5 px-1 px-md-32">
|
|
42
|
-
|
|
43
|
-
<h1 id="section-heading">Single page form (H1)</h1>
|
|
44
|
-
<p>
|
|
45
|
-
Your feedback is important to us. It tells us how we can improve and what we’re doing well. Your feedback is confidential.
|
|
46
|
-
</p>
|
|
47
|
-
|
|
48
|
-
<h2 id="form-heading">Enquiry form (H2)</h2>
|
|
49
|
-
|
|
50
|
-
{{#if inpageAlert}}
|
|
51
|
-
<!-- Inpage Alert -->
|
|
52
|
-
<div class="mb-32">
|
|
53
|
-
{{> inpageAlert inpageAlert}}
|
|
54
|
-
</div>
|
|
55
|
-
{{/if}}
|
|
56
|
-
|
|
57
|
-
<div class="mb-32">
|
|
58
|
-
<p>Any information submitted using this form will be used in line with our privacy statement.</p>
|
|
59
|
-
<p>Required fields are marked with an *</p>
|
|
60
|
-
</div>
|
|
61
|
-
|
|
62
|
-
{{#if form}}
|
|
63
|
-
<form class="qld-form mb-5">
|
|
64
|
-
{{#each form.fields1}}
|
|
65
|
-
<div class="form-group mb-32">
|
|
66
|
-
{{#ifCond type '==' 'textbox'}}
|
|
67
|
-
{{> textbox this}}
|
|
68
|
-
{{else ifCond type '==' 'textarea'}}
|
|
69
|
-
{{> textarea this}}
|
|
70
|
-
{{else ifCond type '==' 'radio'}}
|
|
71
|
-
{{> formcheck this}}
|
|
72
|
-
{{/ifCond}}
|
|
73
|
-
</div>
|
|
74
|
-
{{/each}}
|
|
75
|
-
|
|
76
|
-
<h3 id="form-heading">Contact details (H3)</h3>
|
|
77
|
-
|
|
78
|
-
{{#each form.fields2}}
|
|
79
|
-
<div class="form-group mb-32">
|
|
80
|
-
{{#ifCond type '==' 'textbox'}}
|
|
81
|
-
{{> textbox this}}
|
|
82
|
-
{{else ifCond type '==' 'select'}}
|
|
83
|
-
{{> select this}}
|
|
84
|
-
{{else ifCond type '==' 'checkbox'}}
|
|
85
|
-
{{> formcheck this}}
|
|
86
|
-
{{/ifCond}}
|
|
87
|
-
</div>
|
|
88
|
-
{{/each}}
|
|
89
|
-
|
|
90
|
-
{{#if form.buttons}}
|
|
91
|
-
<div class="form-actions d-flex mt-5 gap-4">
|
|
92
|
-
{{#each form.buttons}}
|
|
93
|
-
{{> button this}}
|
|
94
|
-
{{/each}}
|
|
95
|
-
</div>
|
|
96
|
-
{{/if}}
|
|
97
|
-
</form>
|
|
98
|
-
{{/if}}
|
|
99
|
-
|
|
100
|
-
</div>
|
|
101
|
-
</div>
|
|
102
|
-
{{> contentFooter contentFooter}}
|
|
95
|
+
{{#if form.buttons}}
|
|
96
|
+
<div class="form-actions d-flex mt-5 gap-4">
|
|
97
|
+
{{#each form.buttons}}
|
|
98
|
+
{{> button this}}
|
|
99
|
+
{{/each}}
|
|
103
100
|
</div>
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
101
|
+
{{/if}}
|
|
102
|
+
</form>
|
|
103
|
+
{{/if}}
|
|
104
|
+
|
|
105
|
+
</main>
|
|
106
|
+
|
|
107
|
+
</div>
|
|
108
|
+
<!-- End Column (span 8) -->
|
|
109
|
+
|
|
110
|
+
</div>
|
|
111
|
+
<!-- End Content Row -->
|
|
112
|
+
|
|
113
|
+
<!-- Start QGDS Content Footer -->
|
|
114
|
+
<div class="mt-64">
|
|
115
|
+
{{> contentFooter contentFooter}}
|
|
116
|
+
</div>
|
|
117
|
+
|
|
118
|
+
</div>
|
|
119
|
+
<!-- End Main .container -->
|
|
120
|
+
|
|
121
|
+
<!-- Start QGDS Footer -->
|
|
122
|
+
{{> footer footer}}
|
|
123
|
+
<!-- End QGDS Footer -->
|
|
124
|
+
|
|
107
125
|
</body>
|
|
108
126
|
|
|
127
|
+
|
|
109
128
|
</html>
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
{{> globalAlert globalAlert}}
|
|
13
13
|
|
|
14
14
|
<!-- Header -->
|
|
15
|
-
{{> header header }}
|
|
15
|
+
{{> header header }}
|
|
16
16
|
|
|
17
17
|
<!-- Navbar -->
|
|
18
18
|
{{> navbar navbar}}
|
|
@@ -21,40 +21,37 @@
|
|
|
21
21
|
{{> banner banner}}
|
|
22
22
|
{{/if}}
|
|
23
23
|
|
|
24
|
-
<
|
|
24
|
+
<div class="container mt-40 mt-lg-64">
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
</div>
|
|
34
|
-
{{/if}}
|
|
26
|
+
{{#if breadcrumbs}}
|
|
27
|
+
<!-- breadcrumbs -->
|
|
28
|
+
{{> breadcrumbs breadcrumbs}}
|
|
29
|
+
{{/if}}
|
|
30
|
+
|
|
31
|
+
<!-- Start Main Content Body -->
|
|
32
|
+
<div class="row">
|
|
35
33
|
|
|
36
|
-
<!--
|
|
37
|
-
<div class="
|
|
34
|
+
<!-- Start Side navigation column (span 3) -->
|
|
35
|
+
<div class="col-12 col-lg-3">
|
|
36
|
+
<!-- QGDS Side navigation Component -->
|
|
37
|
+
{{> sidenav sidenav}}
|
|
38
|
+
</div>
|
|
39
|
+
<!-- End Side navigation column -->
|
|
38
40
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
{{> sidenav sidenav}}
|
|
42
|
-
</div>
|
|
43
|
-
<!-- End Side navigation column -->
|
|
41
|
+
<!-- Start Main Column (span 8) -->
|
|
42
|
+
<div class="col-12 col-lg-8 mt-40 mt-lg-0">
|
|
44
43
|
|
|
45
|
-
<!-- Content
|
|
46
|
-
<
|
|
44
|
+
<!-- Main Content div, includes a 2rem/32px horizontal padding on large screens and up -->
|
|
45
|
+
<main class="px-lg-32">
|
|
47
46
|
|
|
48
47
|
{{#if inpagenav}}
|
|
49
|
-
<!-- Inpagenav Component
|
|
48
|
+
<!-- QGDS Inpagenav Component -->
|
|
50
49
|
{{> inpagenav inpagenav}}
|
|
51
50
|
{{/if}}
|
|
52
51
|
|
|
53
|
-
|
|
54
|
-
|
|
55
52
|
<!-- Content Section with top vertical spacer (2rem mobile, 4rem LG and above) -->
|
|
56
53
|
<div class="mt-32 mt-lg-64">
|
|
57
|
-
<h2 id="section-heading">Section heading (H2)</h2>
|
|
54
|
+
<h2 id="section-heading">Section heading (H2)</h2>
|
|
58
55
|
<p>
|
|
59
56
|
Lorem ipsum dolor sit amet consectetur. Sed facilisis purus eu convallis ut. Morbi condimentum volutpat
|
|
60
57
|
feugiat pellentesque. Auctor amet auctor dolor metus eget diam. Facilisis vitae venenatis vestibulum
|
|
@@ -67,20 +64,20 @@
|
|
|
67
64
|
</div>
|
|
68
65
|
|
|
69
66
|
|
|
70
|
-
|
|
71
67
|
<!-- Content Section with top vertical spacer (2rem mobile, 4rem LG and above) -->
|
|
72
68
|
<div class="mt-32 mt-lg-64">
|
|
73
69
|
|
|
74
70
|
<h2 id="content-heading">Content heading (H2)</h2>
|
|
75
|
-
|
|
76
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et
|
|
71
|
+
|
|
72
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et
|
|
73
|
+
dolore magna aliqua.</p>
|
|
77
74
|
|
|
78
75
|
{{#if calloutdata}}
|
|
79
|
-
<!-- Callout Component -->
|
|
76
|
+
<!-- QGDS Callout Component -->
|
|
80
77
|
{{> callout calloutdata}}
|
|
81
78
|
{{/if}}
|
|
82
79
|
</div>
|
|
83
|
-
|
|
80
|
+
|
|
84
81
|
|
|
85
82
|
|
|
86
83
|
<!-- Content Section with top vertical spacer (2rem mobile, 2.5rem LG and above) -->
|
|
@@ -90,12 +87,12 @@
|
|
|
90
87
|
|
|
91
88
|
<h4 id="fees-and-charges">Fees and charges (H4)</h4>
|
|
92
89
|
<p>Details about fees and charges for vehicle registration.</p>
|
|
93
|
-
|
|
94
|
-
|
|
90
|
+
|
|
91
|
+
|
|
95
92
|
{{#if accordionItems}}
|
|
96
|
-
<!-- QGDS Accordion Component with 1.5rem
|
|
93
|
+
<!-- QGDS Accordion Component with 24px/1.5rem margin-top -->
|
|
97
94
|
<div class="mt-24">
|
|
98
|
-
|
|
95
|
+
{{> accordion accordionItems}}
|
|
99
96
|
</div>
|
|
100
97
|
{{/if}}
|
|
101
98
|
</div>
|
|
@@ -110,46 +107,53 @@
|
|
|
110
107
|
|
|
111
108
|
<!-- Emphasis Container, with top vertical spacer: 2rem default (mobile), 4rem LG and above -->
|
|
112
109
|
<div class="mt-40 mt-lg-64 bg-light content-emphasis">
|
|
113
|
-
|
|
110
|
+
|
|
114
111
|
<h2 id="inspection">Section heading (H2) with emphasis</h2>
|
|
115
|
-
|
|
116
|
-
<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt
|
|
117
|
-
|
|
112
|
+
|
|
113
|
+
<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt
|
|
114
|
+
ultrices commodo vestibulum non netus. </p>
|
|
115
|
+
|
|
118
116
|
<!-- QGDS Call To Action button -->
|
|
119
117
|
{{> callToAction callToAction}}
|
|
120
|
-
|
|
121
|
-
</div>
|
|
122
|
-
|
|
123
118
|
|
|
119
|
+
</div>
|
|
124
120
|
|
|
125
121
|
<!-- Top vertical spacer: 2rem default (mobile), 4rem LG and above -->
|
|
126
122
|
<div class="mt-32 mt-lg-64">
|
|
127
123
|
<h2 id="inspection">Section heading (H2)</h2>
|
|
128
|
-
<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt
|
|
129
|
-
|
|
124
|
+
<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt
|
|
125
|
+
ultrices commodo vestibulum non netus. </p>
|
|
126
|
+
|
|
130
127
|
{{#if table}}
|
|
131
|
-
<!-- Table Component
|
|
128
|
+
<!-- QGDS Table Component -->
|
|
132
129
|
<div class="mt-24">
|
|
133
|
-
|
|
130
|
+
{{> table table}}
|
|
134
131
|
</div>
|
|
135
132
|
{{/if}}
|
|
136
133
|
</div>
|
|
137
134
|
|
|
138
|
-
</
|
|
139
|
-
<!-- End Main Content
|
|
135
|
+
</main>
|
|
136
|
+
<!-- End Main Content div -->
|
|
140
137
|
|
|
141
138
|
</div>
|
|
142
|
-
<!-- End
|
|
143
|
-
|
|
139
|
+
<!-- End Column (8) -->
|
|
140
|
+
|
|
141
|
+
</div>
|
|
142
|
+
<!-- End Row -->
|
|
144
143
|
|
|
145
|
-
|
|
146
|
-
|
|
144
|
+
|
|
145
|
+
<!-- Start QGDS Content Footer -->
|
|
146
|
+
<div class="mt-64">
|
|
147
147
|
{{> contentFooter contentFooter}}
|
|
148
|
-
|
|
148
|
+
</div>
|
|
149
|
+
|
|
150
|
+
</div>
|
|
149
151
|
|
|
150
|
-
|
|
151
|
-
<!-- Footer -->
|
|
152
|
+
<!-- Start QGDS Footer -->
|
|
152
153
|
{{> footer footer}}
|
|
154
|
+
<!-- End QGDS Footer -->
|
|
155
|
+
|
|
153
156
|
</body>
|
|
154
157
|
|
|
158
|
+
|
|
155
159
|
</html>
|
|
@@ -4,7 +4,10 @@
|
|
|
4
4
|
<div class="qld-search-input {{customClass}}">
|
|
5
5
|
<input id="{{ inputID }}" name="{{ inputName }}" class="form-control" type="text" autocomplete="off"
|
|
6
6
|
aria-label="{{ ariaLabel }}" {{#each tags}} data-{{@key}}="{{this}}" {{/each}} />
|
|
7
|
-
|
|
7
|
+
<button class="btn btn-primary" type="{{ buttonType }}" id="{{ buttonID }}">
|
|
8
|
+
<span class="btn-icon"></span>
|
|
9
|
+
<span class="btn-label">{{ buttonLabel }}</span>
|
|
10
|
+
</button>
|
|
8
11
|
{{#if suggestions}}
|
|
9
12
|
<div class="suggestions suggestions__group d-none">
|
|
10
13
|
<div class="default-suggestions">
|
|
@@ -36,8 +39,5 @@
|
|
|
36
39
|
<div class="dynamic-suggestions"></div>
|
|
37
40
|
</div>
|
|
38
41
|
{{/if}}
|
|
39
|
-
|
|
40
|
-
<span class="btn-icon"></span>
|
|
41
|
-
<span class="btn-label">{{ buttonLabel }}</span>
|
|
42
|
-
</button>
|
|
42
|
+
|
|
43
43
|
</div>
|
package/dist/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qld-gov-au/qgds-bootstrap5",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.9",
|
|
4
4
|
"description": "",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -57,26 +57,26 @@
|
|
|
57
57
|
"@eslint/eslintrc": "^3.3.1",
|
|
58
58
|
"@eslint/json": "^0.13.2",
|
|
59
59
|
"@qld-gov-au/qgds-tokens": "^1.2.1",
|
|
60
|
-
"@storybook/addon-a11y": "^9.1.
|
|
61
|
-
"@storybook/addon-docs": "^9.1.
|
|
62
|
-
"@storybook/addon-links": "^9.1.
|
|
63
|
-
"@storybook/addon-themes": "^9.1.
|
|
64
|
-
"@storybook/cli": "^9.1.
|
|
65
|
-
"@storybook/html-vite": "^9.1.
|
|
60
|
+
"@storybook/addon-a11y": "^9.1.13",
|
|
61
|
+
"@storybook/addon-docs": "^9.1.13",
|
|
62
|
+
"@storybook/addon-links": "^9.1.13",
|
|
63
|
+
"@storybook/addon-themes": "^9.1.13",
|
|
64
|
+
"@storybook/cli": "^9.1.13",
|
|
65
|
+
"@storybook/html-vite": "^9.1.13",
|
|
66
66
|
"@vitejs/plugin-vue": "5.2.4",
|
|
67
67
|
"@vitest/ui": "^3.2.4",
|
|
68
68
|
"autoprefixer": "^10.4.20",
|
|
69
69
|
"chai": "^5.2.0",
|
|
70
70
|
"chalk": "^5.3.0",
|
|
71
|
-
"chromatic": "^
|
|
72
|
-
"esbuild": "0.25.
|
|
71
|
+
"chromatic": "^13.3.1",
|
|
72
|
+
"esbuild": "0.25.11",
|
|
73
73
|
"esbuild-plugin-copy": "^2.1.1",
|
|
74
74
|
"esbuild-plugin-eslint": "^0.3.7",
|
|
75
75
|
"esbuild-plugin-handlebars": "1.0.3",
|
|
76
76
|
"esbuild-sass-plugin": "3.3.1",
|
|
77
|
-
"eslint": "9.
|
|
77
|
+
"eslint": "9.38.0",
|
|
78
78
|
"eslint-plugin-json": "^4.0.1",
|
|
79
|
-
"eslint-plugin-storybook": "^9.1.
|
|
79
|
+
"eslint-plugin-storybook": "^9.1.13",
|
|
80
80
|
"globals": "16.4.0",
|
|
81
81
|
"handlebars": "4.7.8",
|
|
82
82
|
"http-server": "^14.1.1",
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"run-parallel": "^1.2.0",
|
|
97
97
|
"sass": "^1.89.2",
|
|
98
98
|
"selenium-webdriver": "^4.33.0",
|
|
99
|
-
"storybook": "^9.1.
|
|
99
|
+
"storybook": "^9.1.13",
|
|
100
100
|
"storybook-addon-deep-controls": "^0.9.5",
|
|
101
101
|
"vite": "^6.3.5",
|
|
102
102
|
"vitest": "^3.2.4"
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"isCoBrand": true,
|
|
3
|
+
"hasDeliveringForQLDLogo": true,
|
|
3
4
|
"preHeader": {
|
|
5
|
+
"palette": "default",
|
|
4
6
|
"globalLink": {
|
|
5
7
|
"text": "www.qld.gov.au",
|
|
6
8
|
"url": "https://qld.gov.au"
|
|
@@ -15,25 +17,20 @@
|
|
|
15
17
|
]
|
|
16
18
|
},
|
|
17
19
|
"mainContent": {
|
|
20
|
+
"palette": "dark",
|
|
18
21
|
"url": "https://qld.gov.au",
|
|
19
22
|
"logo": null,
|
|
20
23
|
"secondaryLogo": null,
|
|
21
|
-
"siteTitle": "
|
|
22
|
-
"subline": ""
|
|
24
|
+
"siteTitle": "Cairns and Hinterland",
|
|
25
|
+
"subline": "Hospital and Health Service"
|
|
23
26
|
},
|
|
24
27
|
"assets": {
|
|
25
|
-
"SVGSpritePath": "./assets/img/icons-sprite.svg",
|
|
26
28
|
"siteSearch": {
|
|
27
29
|
"value": "#",
|
|
28
30
|
"placeholder": "",
|
|
29
31
|
"label": "",
|
|
30
32
|
"formAction": {
|
|
31
33
|
"url": "https://www.forgov.qld.gov.au/search"
|
|
32
|
-
},
|
|
33
|
-
"options": {
|
|
34
|
-
"borderStyle": {
|
|
35
|
-
"full": true
|
|
36
|
-
}
|
|
37
34
|
}
|
|
38
35
|
}
|
|
39
36
|
}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"isEndorsedBrand": true,
|
|
3
|
+
"hasDeliveringForQLDLogo": true,
|
|
3
4
|
"preHeader": {
|
|
5
|
+
"palette": "default",
|
|
4
6
|
"globalLink": {
|
|
5
7
|
"text": "www.qld.gov.au",
|
|
6
8
|
"url": "https://qld.gov.au"
|
|
@@ -108,6 +110,7 @@
|
|
|
108
110
|
]
|
|
109
111
|
},
|
|
110
112
|
"mainContent": {
|
|
113
|
+
"palette": "dark-alt",
|
|
111
114
|
"url": "https://qld.gov.au",
|
|
112
115
|
"logo": {
|
|
113
116
|
"src": "assets/img/endorsed.svg",
|
|
@@ -121,18 +124,12 @@
|
|
|
121
124
|
"subline": ""
|
|
122
125
|
},
|
|
123
126
|
"assets": {
|
|
124
|
-
"SVGSpritePath": "./assets/img/icons-sprite.svg",
|
|
125
127
|
"siteSearch": {
|
|
126
128
|
"value": "#",
|
|
127
129
|
"placeholder": "",
|
|
128
130
|
"label": "",
|
|
129
131
|
"formAction": {
|
|
130
132
|
"url": "https://www.forgov.qld.gov.au/search"
|
|
131
|
-
},
|
|
132
|
-
"options": {
|
|
133
|
-
"borderStyle": {
|
|
134
|
-
"full": true
|
|
135
|
-
}
|
|
136
133
|
}
|
|
137
134
|
}
|
|
138
135
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"isMasterBrand": true,
|
|
3
|
+
"hasDeliveringForQLDLogo": true,
|
|
3
4
|
"preHeader": {
|
|
4
5
|
"palette": "dark",
|
|
5
6
|
"globalLink": {
|
|
@@ -119,18 +120,12 @@
|
|
|
119
120
|
},
|
|
120
121
|
|
|
121
122
|
"assets": {
|
|
122
|
-
"SVGSpritePath": "./assets/img/icons-sprite.svg",
|
|
123
123
|
"siteSearch": {
|
|
124
124
|
"value": "#",
|
|
125
125
|
"placeholder": "",
|
|
126
126
|
"label": "",
|
|
127
127
|
"formAction": {
|
|
128
128
|
"url": "https://www.forgov.qld.gov.au/search"
|
|
129
|
-
},
|
|
130
|
-
"options": {
|
|
131
|
-
"borderStyle": {
|
|
132
|
-
"full": true
|
|
133
|
-
}
|
|
134
129
|
}
|
|
135
130
|
}
|
|
136
131
|
}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"isStandaloneBrand": true,
|
|
3
|
+
"hasDeliveringForQLDLogo": true,
|
|
3
4
|
"preHeader": {
|
|
5
|
+
"palette": "dark-alt",
|
|
4
6
|
"globalLink": {
|
|
5
7
|
"text": "www.qld.gov.au",
|
|
6
8
|
"url": "https://qld.gov.au"
|
|
@@ -110,6 +112,7 @@
|
|
|
110
112
|
]
|
|
111
113
|
},
|
|
112
114
|
"mainContent": {
|
|
115
|
+
"palette": "default",
|
|
113
116
|
"url": "https://qld.gov.au",
|
|
114
117
|
"siteTitle": "Standalone example",
|
|
115
118
|
"subLine": "",
|
|
@@ -123,18 +126,12 @@
|
|
|
123
126
|
}
|
|
124
127
|
},
|
|
125
128
|
"assets": {
|
|
126
|
-
"SVGSpritePath": "./assets/img/icons-sprite.svg",
|
|
127
129
|
"siteSearch": {
|
|
128
130
|
"value": "#",
|
|
129
131
|
"placeholder": "",
|
|
130
132
|
"label": "",
|
|
131
133
|
"formAction": {
|
|
132
134
|
"url": "https://www.forgov.qld.gov.au/search"
|
|
133
|
-
},
|
|
134
|
-
"options": {
|
|
135
|
-
"borderStyle": {
|
|
136
|
-
"full": true
|
|
137
|
-
}
|
|
138
135
|
}
|
|
139
136
|
}
|
|
140
137
|
}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"isSubBrand": true,
|
|
3
|
+
"hasDeliveringForQLDLogo": true,
|
|
3
4
|
"preHeader": {
|
|
5
|
+
"palette": "dark",
|
|
4
6
|
"globalLink": {
|
|
5
7
|
"text": "www.qld.gov.au",
|
|
6
8
|
"url": "https://qld.gov.au"
|
|
@@ -22,25 +24,20 @@
|
|
|
22
24
|
]
|
|
23
25
|
},
|
|
24
26
|
"mainContent": {
|
|
27
|
+
"palette": "default",
|
|
25
28
|
"url": "https://qld.gov.au",
|
|
26
29
|
"logoPath": "",
|
|
27
30
|
"secondaryLogoPath": "",
|
|
28
|
-
"siteTitle": "
|
|
29
|
-
"subline": "
|
|
31
|
+
"siteTitle": "Department of Seniors, Disability Services and Aboriginal and Torres Strait Islander Partnerships",
|
|
32
|
+
"subline": ""
|
|
30
33
|
},
|
|
31
34
|
"assets": {
|
|
32
|
-
"SVGSpritePath": "./assets/img/icons-sprite.svg",
|
|
33
35
|
"siteSearch": {
|
|
34
36
|
"value": "#",
|
|
35
37
|
"placeholder": "",
|
|
36
38
|
"label": "",
|
|
37
39
|
"formAction": {
|
|
38
40
|
"url": "https://www.forgov.qld.gov.au/search"
|
|
39
|
-
},
|
|
40
|
-
"options": {
|
|
41
|
-
"borderStyle": {
|
|
42
|
-
"full": true
|
|
43
|
-
}
|
|
44
41
|
}
|
|
45
42
|
}
|
|
46
43
|
}
|