@qld-gov-au/qgds-bootstrap5 2.0.3 → 2.0.5
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/helpers/scssOverrideTheme.js +40 -0
- package/.esbuild/plugins/qgds-plugin-handlebar-partial-builder.js +4 -0
- package/.storybook/dynamicThemeDecorator.js +155 -0
- package/.storybook/main.js +6 -0
- package/.storybook/preview.js +20 -1
- package/README.md +26 -18
- package/dist/README.md +26 -18
- package/dist/assets/components/bs5/head/head.hbs +1 -1
- package/dist/assets/components/bs5/searchInput/searchInput.hbs +34 -35
- package/dist/assets/css/qld.bootstrap.css +1 -1
- package/dist/assets/css/qld.bootstrap.css.map +3 -3
- package/dist/assets/js/handlebars.init.min.js +36 -38
- package/dist/assets/js/handlebars.init.min.js.map +2 -2
- package/dist/assets/node/handlebars.init.min.js +2 -2
- package/dist/assets/node/handlebars.init.min.js.map +1 -1
- package/dist/components/bs5/head/head.hbs +1 -1
- package/dist/components/bs5/searchInput/searchInput.hbs +34 -35
- package/dist/package.json +6 -2
- package/dist/sample-data/searchInput/searchInput.data.json +0 -1
- package/esbuild.js +34 -9
- package/package.json +6 -2
- package/src/components/bs5/card/card--icon-list-footer.stories.js +171 -0
- package/src/components/bs5/card/card.scss +15 -0
- package/src/components/bs5/header/header.scss +23 -27
- package/src/components/bs5/logo/Logo.mdx +1 -1
- package/src/components/bs5/navbar/navbar.scss +7 -5
- package/src/components/bs5/navbar/navbar.stories.js +1 -1
- package/src/components/bs5/pageLayout/pageLayout.stories.js +2 -2
- package/src/components/bs5/searchInput/SearchInput.mdx +1 -1
- package/src/components/bs5/searchInput/__snapshots__/searchInput.test.js.snap +32 -34
- package/src/components/bs5/searchInput/searchInput.data.json +0 -1
- package/src/components/bs5/searchInput/searchInput.hbs +34 -35
- package/src/components/bs5/searchInput/searchInput.scss +216 -195
- package/src/components/bs5/searchInput/searchInput.stories.js +42 -26
- package/src/components/bs5/searchInput/searchInput.test.js +21 -5
- package/src/components/bs5/tabs/tabs.scss +47 -40
- package/src/css/main.masterbrand.scss +137 -0
- package/src/css/mixins/focusable.scss +11 -3
- package/src/css/mixins/make-icon.scss +7 -1
- package/src/css/qld-tokens.scss +95 -0
- package/src/css/qld-variables.scss +10 -3
- package/src/css/readme.md +6 -1
- package/src/css/themes/masterbrand.scss +109 -0
- package/src/components/bs5/searchInput/_colours.scss +0 -63
|
@@ -825,7 +825,7 @@
|
|
|
825
825
|
</section>
|
|
826
826
|
{{/each }}
|
|
827
827
|
</div>`;var R=`
|
|
828
|
-
<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.0.
|
|
828
|
+
<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.0.5","branch":"HEAD","tag":"v2.0.5","commit":"7972857bf46e8fa3db8ca361447711262fffc21e","majorVersion":"v2"} -->
|
|
829
829
|
|
|
830
830
|
{{! Select environment, used verbatium if not using predefind key
|
|
831
831
|
cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
@@ -2008,48 +2008,46 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
|
|
|
2008
2008
|
</div>`;var s5=`<!--
|
|
2009
2009
|
QGDS Component: Search input
|
|
2010
2010
|
-->
|
|
2011
|
-
<div class="
|
|
2012
|
-
<
|
|
2013
|
-
|
|
2014
|
-
|
|
2015
|
-
|
|
2016
|
-
|
|
2017
|
-
<div class="suggestions
|
|
2018
|
-
<div class="
|
|
2019
|
-
<
|
|
2020
|
-
|
|
2021
|
-
|
|
2022
|
-
|
|
2023
|
-
|
|
2024
|
-
|
|
2025
|
-
|
|
2026
|
-
</div>
|
|
2011
|
+
<div class="qld-search-input {{customClass}}">
|
|
2012
|
+
<input id="{{ inputID }}" name="{{ inputName }}" class="form-control" type="text" autocomplete="off"
|
|
2013
|
+
aria-label="{{ ariaLabel }}" {{#each tags}} data-{{@key}}="{{this}}" {{/each}} />
|
|
2014
|
+
|
|
2015
|
+
{{#if suggestions}}
|
|
2016
|
+
<div class="suggestions suggestions__group d-none">
|
|
2017
|
+
<div class="default-suggestions">
|
|
2018
|
+
<div class="suggestions-category mt-16">
|
|
2019
|
+
<strong class="suggestions-category-label d-block">Popular services</strong>
|
|
2020
|
+
<ul class="mt-2">
|
|
2021
|
+
{{#each default_suggestions.popular_services}}
|
|
2022
|
+
<li><a href="{{link}}">{{title}}</a></li>
|
|
2023
|
+
{{/each}}
|
|
2024
|
+
</ul>
|
|
2025
|
+
</div>
|
|
2027
2026
|
|
|
2028
|
-
|
|
2029
|
-
|
|
2030
|
-
|
|
2031
|
-
|
|
2032
|
-
|
|
2033
|
-
|
|
2034
|
-
|
|
2035
|
-
|
|
2027
|
+
<div class="suggestions-category mt-16">
|
|
2028
|
+
<strong class="suggestions-category-label d-block">Browse by category</strong>
|
|
2029
|
+
<ul class="mt-12 mb-0">
|
|
2030
|
+
{{#each default_suggestions.categories}}
|
|
2031
|
+
<li><a href="{{link}}">{{title}}</a></li>
|
|
2032
|
+
{{/each}}
|
|
2033
|
+
</ul>
|
|
2034
|
+
</div>
|
|
2036
2035
|
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2040
|
-
</
|
|
2041
|
-
{{/if}}
|
|
2036
|
+
{{#if default_suggestions.options.view_more}}
|
|
2037
|
+
<div class="suggestions-category">
|
|
2038
|
+
<a class="px-16 pt-12 pb-16 d-block suggestions-category-view-more"
|
|
2039
|
+
href="{{default_suggestions.options.href}}">{{default_suggestions.options.label}}</a>
|
|
2042
2040
|
</div>
|
|
2043
|
-
|
|
2041
|
+
{{/if}}
|
|
2044
2042
|
</div>
|
|
2045
|
-
|
|
2046
|
-
<button class="btn btn-primary" type="{{ buttonType }}" id="{{ buttonID }}">
|
|
2047
|
-
<span class="btn-icon mx-0"></span>
|
|
2048
|
-
<span class="btn-label">{{ buttonLabel }}</span>
|
|
2049
|
-
</button>
|
|
2043
|
+
<div class="dynamic-suggestions"></div>
|
|
2050
2044
|
</div>
|
|
2051
|
-
|
|
2052
|
-
|
|
2045
|
+
{{/if}}
|
|
2046
|
+
<button class="btn btn-primary" type="{{ buttonType }}" id="{{ buttonID }}">
|
|
2047
|
+
<span class="btn-icon"></span>
|
|
2048
|
+
<span class="btn-label">{{ buttonLabel }}</span>
|
|
2049
|
+
</button>
|
|
2050
|
+
</div>`;var l5=`<!-- QGDS Component: Select -->
|
|
2053
2051
|
|
|
2054
2052
|
<!-- Label for the first input field -->
|
|
2055
2053
|
<label class="qld-text-input-label {{#if isRequired}}field-required{{/if}} {{#if isDisabled}}field-disabled{{/if}}" for="example-1">
|