@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.
Files changed (44) hide show
  1. package/.esbuild/helpers/scssOverrideTheme.js +40 -0
  2. package/.esbuild/plugins/qgds-plugin-handlebar-partial-builder.js +4 -0
  3. package/.storybook/dynamicThemeDecorator.js +155 -0
  4. package/.storybook/main.js +6 -0
  5. package/.storybook/preview.js +20 -1
  6. package/README.md +26 -18
  7. package/dist/README.md +26 -18
  8. package/dist/assets/components/bs5/head/head.hbs +1 -1
  9. package/dist/assets/components/bs5/searchInput/searchInput.hbs +34 -35
  10. package/dist/assets/css/qld.bootstrap.css +1 -1
  11. package/dist/assets/css/qld.bootstrap.css.map +3 -3
  12. package/dist/assets/js/handlebars.init.min.js +36 -38
  13. package/dist/assets/js/handlebars.init.min.js.map +2 -2
  14. package/dist/assets/node/handlebars.init.min.js +2 -2
  15. package/dist/assets/node/handlebars.init.min.js.map +1 -1
  16. package/dist/components/bs5/head/head.hbs +1 -1
  17. package/dist/components/bs5/searchInput/searchInput.hbs +34 -35
  18. package/dist/package.json +6 -2
  19. package/dist/sample-data/searchInput/searchInput.data.json +0 -1
  20. package/esbuild.js +34 -9
  21. package/package.json +6 -2
  22. package/src/components/bs5/card/card--icon-list-footer.stories.js +171 -0
  23. package/src/components/bs5/card/card.scss +15 -0
  24. package/src/components/bs5/header/header.scss +23 -27
  25. package/src/components/bs5/logo/Logo.mdx +1 -1
  26. package/src/components/bs5/navbar/navbar.scss +7 -5
  27. package/src/components/bs5/navbar/navbar.stories.js +1 -1
  28. package/src/components/bs5/pageLayout/pageLayout.stories.js +2 -2
  29. package/src/components/bs5/searchInput/SearchInput.mdx +1 -1
  30. package/src/components/bs5/searchInput/__snapshots__/searchInput.test.js.snap +32 -34
  31. package/src/components/bs5/searchInput/searchInput.data.json +0 -1
  32. package/src/components/bs5/searchInput/searchInput.hbs +34 -35
  33. package/src/components/bs5/searchInput/searchInput.scss +216 -195
  34. package/src/components/bs5/searchInput/searchInput.stories.js +42 -26
  35. package/src/components/bs5/searchInput/searchInput.test.js +21 -5
  36. package/src/components/bs5/tabs/tabs.scss +47 -40
  37. package/src/css/main.masterbrand.scss +137 -0
  38. package/src/css/mixins/focusable.scss +11 -3
  39. package/src/css/mixins/make-icon.scss +7 -1
  40. package/src/css/qld-tokens.scss +95 -0
  41. package/src/css/qld-variables.scss +10 -3
  42. package/src/css/readme.md +6 -1
  43. package/src/css/themes/masterbrand.scss +109 -0
  44. 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.3","branch":"HEAD","tag":"v2.0.3","commit":"fa72cd132ffaf157e0fe59ce291db6db0d2f2554","majorVersion":"v2"} -->
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="container {{variantClass}}">
2012
- <div class="qld-search-input {{customClass}} d-flex">
2013
- <input id="{{ inputID }}" name=" {{ inputName }}" class="form-control" type="text"
2014
- autocomplete="off" aria-label="{{ ariaLabel }}" {{#each tags}} data-{{@key}}="{{this}}" {{/each}} />
2015
-
2016
- {{#if suggestions}}
2017
- <div class="suggestions suggestions__group d-none">
2018
- <div class="default-suggestions">
2019
- <div class="suggestions-category mt-16">
2020
- <strong class="suggestions-category-label d-block">Popular services</strong>
2021
- <ul class="mt-2">
2022
- {{#each default_suggestions.popular_services}}
2023
- <li><a href="{{link}}">{{title}}</a></li>
2024
- {{/each}}
2025
- </ul>
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
- <div class="suggestions-category mt-16">
2029
- <strong class="suggestions-category-label d-block">Browse by category</strong>
2030
- <ul class="mt-12 mb-0">
2031
- {{#each default_suggestions.categories}}
2032
- <li><a href="{{link}}">{{title}}</a></li>
2033
- {{/each}}
2034
- </ul>
2035
- </div>
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
- {{#if default_suggestions.options.view_more}}
2038
- <div class="suggestions-category">
2039
- <a class="px-16 pt-12 pb-16 d-block suggestions-category-view-more" href="{{default_suggestions.options.href}}">{{default_suggestions.options.label}}</a>
2040
- </div>
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
- <div class="dynamic-suggestions"></div>
2041
+ {{/if}}
2044
2042
  </div>
2045
- {{/if}}
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
- </div>
2052
- `;var l5=`<!-- QGDS Component: Select -->
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">