@qld-gov-au/qgds-bootstrap5 1.1.21 → 1.1.23

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 (46) hide show
  1. package/dist/assets/components/bs5/backToTop/backToTop.hbs +14 -0
  2. package/dist/assets/components/bs5/button/button.hbs +38 -27
  3. package/dist/assets/components/bs5/directionLinks/directionLinks.hbs +9 -0
  4. package/dist/assets/components/bs5/head/head.hbs +1 -1
  5. package/dist/assets/css/qld.bootstrap.css +1 -1
  6. package/dist/assets/css/qld.bootstrap.css.map +3 -3
  7. package/dist/assets/js/handlebars.helpers.bundle.js +1 -1
  8. package/dist/assets/js/handlebars.helpers.bundle.js.map +3 -3
  9. package/dist/assets/js/handlebars.helpers.js +7 -0
  10. package/dist/assets/js/handlebars.init.min.js +98 -66
  11. package/dist/assets/js/handlebars.init.min.js.map +4 -4
  12. package/dist/assets/js/handlebars.partials.js +4 -0
  13. package/dist/assets/js/qld.bootstrap.min.js +2 -2
  14. package/dist/assets/js/qld.bootstrap.min.js.map +4 -4
  15. package/dist/assets/node/handlebars.init.min.js +63 -29
  16. package/dist/assets/node/handlebars.init.min.js.map +3 -3
  17. package/dist/components/bs5/backToTop/backToTop.hbs +14 -0
  18. package/dist/components/bs5/button/button.hbs +38 -27
  19. package/dist/components/bs5/directionLinks/directionLinks.hbs +9 -0
  20. package/dist/components/bs5/head/head.hbs +1 -1
  21. package/dist/components/handlebars.helpers.js +7 -0
  22. package/dist/components/handlebars.partials.js +4 -0
  23. package/dist/package.json +7 -7
  24. package/dist/sample-data/backToTop/backToTop.data.json +10 -0
  25. package/dist/sample-data/directionLinks/directionLinks.data.json +7 -0
  26. package/package.json +7 -7
  27. package/src/components/bs5/backToTop/backToTop.data.json +10 -0
  28. package/src/components/bs5/backToTop/backToTop.functions.js +23 -0
  29. package/src/components/bs5/backToTop/backToTop.hbs +14 -0
  30. package/src/components/bs5/backToTop/backToTop.js +10 -0
  31. package/src/components/bs5/backToTop/backToTop.mdx +15 -0
  32. package/src/components/bs5/backToTop/backToTop.scss +101 -0
  33. package/src/components/bs5/backToTop/backToTop.stories.js +37 -0
  34. package/src/components/bs5/button/button.hbs +38 -27
  35. package/src/components/bs5/directionLinks/DirectionLinks.mdx +15 -0
  36. package/src/components/bs5/directionLinks/directionLinks.data.json +7 -0
  37. package/src/components/bs5/directionLinks/directionLinks.hbs +9 -0
  38. package/src/components/bs5/directionLinks/directionLinks.js +11 -0
  39. package/src/components/bs5/directionLinks/directionLinks.scss +116 -0
  40. package/src/components/bs5/directionLinks/directionLinks.stories.js +157 -0
  41. package/src/css/main.scss +2 -0
  42. package/src/css/qld-type.scss +67 -40
  43. package/src/css/qld-variables.scss +15 -3
  44. package/src/js/handlebars.helpers.js +7 -0
  45. package/src/js/handlebars.partials.js +4 -0
  46. package/src/js/qld.bootstrap.js +2 -0
@@ -0,0 +1,14 @@
1
+ {{#unless hide_back_to_top}}
2
+ <div class="qld__widgets" data-min-page-height="{{isdefined min_page_height 0}}">
3
+ {{> button
4
+ variantClass=(isdefined button.variantClass "back-to-top")
5
+ islink=(isdefined button.islink true)
6
+ isdisabled=(isdefined button.isdisabled false)
7
+ iconClass=(isdefined button.iconClass "")
8
+ iconPosition=(isdefined button.iconPosition "trailing")
9
+ label=(isdefined button.label "Back to top")
10
+ href=(isdefined button.href "#")
11
+ target=(isdefined button.target "_self")
12
+ }}
13
+ </div>
14
+ {{/unless}}
@@ -1,31 +1,42 @@
1
+ {{!-- Button icon partial --}}
2
+ {{#*inline "buttonIcon"~}}
3
+ <span class="btn-icon {{iconClass}} {{iconPosition}}"></span>
4
+ {{~/inline}}
5
+
1
6
  {{#unless islink}}
2
- <button class="btn {{variantClass}}" onclick="{{{onclick}}}" {{#if isdisabled}}disabled{{/if}} {{#if arialabel}}aria-label="{{arialabel}}"{{/if}} {{{dataatts}}}>
3
- {{#if iconClass}}
4
- {{#ifCond iconPosition '==' 'leading'}}
5
- <span class="btn-icon {{iconClass}}"></span>
6
- {{/ifCond}}
7
- {{/if}}
8
- {{label}}
9
- {{#if iconClass}}
10
- {{#ifCond iconPosition '==' 'trailing'}}
11
- <span class="btn-icon {{iconClass}}"></span>
12
- {{/ifCond}}
13
- {{/if}}
14
- </button>
7
+
8
+ <button class="btn {{variantClass}} {{label}}" onclick="{{{onclick}}}" {{#if isdisabled}}disabled{{/if}} {{#if arialabel}}aria-label="{{arialabel}}"{{/if}} {{{dataatts}}}>
9
+ {{#if iconClass~}}
10
+ {{#ifCond iconPosition '==' 'leading'}}
11
+ {{~>buttonIcon~}}
12
+ {{/ifCond}}
13
+ {{/if}}
14
+
15
+ {{~label~}}
16
+
17
+ {{#if iconClass~}}
18
+ {{#ifCond iconPosition '==' 'trailing'}}
19
+ {{>buttonIcon~}}
20
+ {{/ifCond}}
21
+ {{/if}}
22
+ </button>
15
23
 
16
24
  {{else}}
17
25
 
18
- <a class="btn {{variantClass}} {{#if isdisabled}} disabled {{/if}}" {{#if isdisabled}} aria-disabled="true" {{/if}} href="{{href}}" target="{{target}}" {{#if arialabel}}aria-label="{{arialabel}}"{{/if}} {{{dataatts}}}>
19
- {{#if iconClass}}
20
- {{#ifCond iconPosition '==' 'leading'}}
21
- <span class="btn-icon {{iconClass}}"></span>
22
- {{~/ifCond~}}
23
- {{~/if~}}
24
- {{~label~}}
25
- {{#if iconClass}}
26
- {{#ifCond iconPosition '==' 'trailing'}}
27
- <span class="btn-icon {{iconClass}}"></span>
28
- {{/ifCond}}
29
- {{/if}}
30
- </a>
31
- {{/unless }}
26
+ <a class="btn {{variantClass}} {{#if isdisabled}} disabled {{/if}}" {{#if isdisabled}}aria-disabled="true"{{/if}} href="{{href}}" target="{{target}}" {{#if arialabel}}aria-label="{{arialabel}}"{{/if}} {{{dataatts}}}>
27
+ {{#if iconClass~}}
28
+ {{#ifCond iconPosition '==' 'leading'}}
29
+ {{~> buttonIcon~}}
30
+ {{/ifCond}}
31
+ {{/if}}
32
+
33
+ {{~label~}}
34
+
35
+ {{#if iconClass~}}
36
+ {{#ifCond iconPosition '==' 'trailing'}}
37
+ {{~> buttonIcon~}}
38
+ {{/ifCond}}
39
+ {{/if}}
40
+ </a>
41
+
42
+ {{/unless}}
@@ -0,0 +1,9 @@
1
+ {{! valid class values are: up, down, left, right}}
2
+ <a class="qld-dir-link {{class}}"
3
+ {{~#if id}} id="{{id}}" {{/if~}}
4
+ href="{{href}}"
5
+ {{~#if target}} target="{{target}}"{{/if~}}
6
+ {{~#if arialabel}} aria-label="{{arialabel}}" {{/if~}}>
7
+ {{{label}}}
8
+ <span class="icon" aria-hidden="true"></span>
9
+ </a>
@@ -1,5 +1,5 @@
1
1
 
2
- <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.21","branch":"HEAD","tag":"v1.1.21","commit":"a3f1a8cf0304d6c7f562866d133b170b491e720c","majorVersion":"v1"} -->
2
+ <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.23","branch":"HEAD","tag":"v1.1.23","commit":"7368a2c584a90cba60069072b6d04939847510fa","majorVersion":"v1"} -->
3
3
 
4
4
  {{! Select environment, used verbatium if not using predefind key
5
5
  cdn := PROD|STAGING|BETA|TEST|DEV|???