npm - @qld-gov-au/qgds-bootstrap5 - Versions diffs - 1.1.39 → 1.1.41 - Mend

@qld-gov-au/qgds-bootstrap5 1.1.39 → 1.1.41

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 (161) hide show

package/dist/assets/components/bs5/pageLayout/templates/contentPageWithForm.hbs ADDED Viewed

@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{title}}</title>
+    {{> head }}
+</head>
+<body>
+    {{> globalAlert globalAlert}}
+    {{> header header}}
+    {{> navbar navbar}}
+    {{#if banner}}
+    {{> banner banner}}
+    {{/if}}
+    <main>
+        <div class="container-fluid">
+            <div class="container qld-content">
+                {{#if breadcrumbs}}
+                <div class="row">
+                    <div class="col-12">
+                        {{> breadcrumbs breadcrumbs}}
+                    </div>
+                </div>
+                {{/if}}
+                <div class="row">
+                    <div class="col-lg-8 mx-auto">
+                        <div class="content-section">
+                            {{{content}}}
+                        </div>
+                        {{#if form}}
+                        <form class="qld-form mb-5">
+                            {{#each form.fields}}
+                            <div class="form-group mb-3">
+                                {{#ifCond type '==' 'textbox'}}
+                                {{> textbox this}}
+                                {{else ifCond type '==' 'textarea'}}
+                                {{> textarea this}}
+                                {{else ifCond type '==' 'select'}}
+                                {{> select this}}
+                                {{else ifCond type '==' 'dateinput'}}
+                                {{> dateinput this}}
+                                {{else ifCond type '==' 'formcheck'}}
+                                {{> formcheck this}}
+                                {{else ifCond type '==' 'checkbox'}}
+                                {{> formcheck this}}
+                                {{else ifCond type '==' 'radio'}}
+                                {{> formcheck this}}
+                                {{/ifCond}}
+                            </div>
+                            {{/each}}
+                            {{#if form.buttons}}
+                            <div class="form-actions d-flex mt-5 gap-4">
+                                {{#each form.buttons}}
+                                {{> button this}}
+                                {{/each}}
+                            </div>
+                            {{/if}}
+                        </form>
+                        {{/if}}
+                        {{> contentFooter contentFooter}}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+    {{> footer footer}}
+</body>
+</html>

package/dist/assets/components/bs5/pageLayout/templates/contentPageWithSideNavigation.hbs ADDED Viewed

@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{title}}</title>
+    {{> head }}
+</head>
+<body>
+    <!-- Global ALert -->
+    {{> globalAlert globalAlert}}
+    <!-- Header -->
+    {{> header header}}
+    <!-- Navbar -->
+    {{> navbar navbar}}
+    {{#if banner}}
+    {{> banner banner}}
+    {{/if}}
+    <main>
+        <div class="container-fluid">
+            <div class="container qld-content">
+                {{#if breadcrumbs}}
+                <div class="row">
+                    <div class="col-12">
+                        <!-- breadcrumbs -->
+                        {{> breadcrumbs breadcrumbs}}
+                    </div>
+                </div>
+                {{/if}}
+                <!-- Main Grid Layout: Side navigation and content -->
+                <div class="row">
+                    {{#if sidenav}}
+                    <!-- Side navigation Col -->
+                    <div class="col-lg-3 col-md-4 px-0">
+                        {{> sidenav sidenav}}
+                    </div>
+                    <!-- Content Col -->
+                    <div class="col-lg-8 col-md-7 ps-32">
+                        {{else}}
+                        <div class="col-12">
+                            {{/if}}
+                            <!-- Main Content Sections -->
+                            <div class="content-section ps-32">
+                                {{#if inpagenav}}
+                                <!-- inpagenav Section -->
+                                {{> inpagenav inpagenav}}
+                                {{/if}}
+                                <h1 id="section-heading">Section heading (H1)</h1>
+                                <p>This is the main content area. It contains detailed information about the topic.</p>
+                                <h2 id="content-heading">Content heading (H2)</h2>
+                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
+                                    incididunt ut labore et dolore magna aliqua.</p>
+                                <h3 id="inspection">Pre-registration inspection (H3)</h3>
+                                <p>Information about pre-registration inspection requirements.</p>
+                                <h4 id="fees-and-charges">Fees and charges (H4)</h4>
+                                <p>Details about fees and charges for vehicle registration.</p>
+                            </div>
+                            {{#if image}}
+                            <!-- image Section -->
+                            <div class="my-4 ps-32">
+                                {{> image image}}
+                            </div>
+                            {{/if}}
+                            {{#if table}}
+                            <!-- table Section -->
+                            <div class="my-4 ps-32">
+                                {{> table table}}
+                            </div>
+                            {{/if}}
+                            {{#if video}}
+                            <!-- video Section -->
+                            <div class="my-4 ps-32">
+                                {{> video video}}
+                            </div>
+                            {{/if}}
+                            <!-- Content Footer -->
+                            {{> contentFooter contentFooter}}
+                        </div>
+                    </div>
+                </div>
+            </div>
+    </main>
+    <!-- Footer -->
+    {{> footer footer}}
+</body>
+</html>

package/dist/assets/components/bs5/pageLayout/templates/fullWidthLandingPage.hbs ADDED Viewed

@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{title}}</title>
+  {{> head }}
+</head>
+<body>
+    {{> globalAlert globalAlert}}
+    {{> header header}}
+    {{> navbar navbar}}
+    {{#if banner}}
+    {{> banner banner}}
+    {{/if}}
+    <main>
+        <div class="container-fluid">
+            {{#if cardGrid}}
+            <section class="py-5">
+                <div class="container">
+                    <div class="row">
+                        {{#each cardGrid.cards}}
+                        <div class="col-md-4 mb-4">
+                            {{> card this}}
+                        </div>
+                        {{/each}}
+                    </div>
+                </div>
+            </section>
+            {{/if}}
+            {{#if linkColumns}}
+            <section class="py-5 bg-light">
+                <div class="container">
+                    {{> linkColumns linkColumns}}
+                </div>
+            </section>
+            {{/if}}
+            {{#if promotionalPanel}}
+            <section class="py-5">
+                <div class="container">
+                    {{> promotionalPanel promotionalPanel}}
+                </div>
+            </section>
+            {{/if}}
+            <div class="container qld-content">
+                <div class="row">
+                    <div class="col-12">
+                        {{> backToTop backToTop}}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+    {{> footer footer}}
+</body>
+</html>

package/dist/assets/components/bs5/searchInput/searchInput.hbs CHANGED Viewed

@@ -3,14 +3,14 @@
 -->
 <div class="container {{variantClass}}">
     <div class="qld-search-input {{customClass}} d-flex">
-        <input id="{{ inputID }}" name=" {{ inputName }}" class="form-control" type="text" placeholder="{{placeholder}}"
+        <input id="{{ inputID }}" name=" {{ inputName }}" class="form-control" type="text"
             autocomplete="off" aria-label="{{ ariaLabel }}" {{#each tags}} data-{{@key}}="{{this}}" {{/each}} />
         {{#if suggestions}}
         <div class="suggestions suggestions__group d-none">
             <div class="default-suggestions">
-                <div class="suggestions-category mt-2">
-                    <strong class="suggestions-category-label">Popular services</strong>
+                <div class="suggestions-category mt-16">
+                    <strong class="suggestions-category-label d-block">Popular services</strong>
                     <ul class="mt-2">
                         {{#each default_suggestions.popular_services}}
                             <li><a href="{{link}}">{{title}}</a></li>
@@ -18,11 +18,9 @@
                     </ul>
                 </div>
-                <hr>
-                <div class="suggestions-category mt-2">
-                    <strong class="suggestions-category-label">Browse by category</strong>
-                    <ul class="mt-2">
+                <div class="suggestions-category mt-16">
+                    <strong class="suggestions-category-label d-block">Browse by category</strong>
+                    <ul class="mt-12 mb-0">
                         {{#each default_suggestions.categories}}
                             <li><a href="{{link}}">{{title}}</a></li>
                         {{/each}}
@@ -30,8 +28,8 @@
                 </div>
                 {{#if default_suggestions.options.view_more}}
-                    <div class="suggestions-category mt-4 mb-4">
-                        <a href="{{default_suggestions.options.href}}">{{default_suggestions.options.label}}</a>
+                    <div class="suggestions-category">
+                        <a class="px-16 pt-12 pb-16 d-block suggestions-category-view-more" href="{{default_suggestions.options.href}}">{{default_suggestions.options.label}}</a>
                     </div>
                 {{/if}}
             </div>