@qhealth-design-system/core 1.17.0 → 1.17.2

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 (6) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/package.json +1 -1
  3. package/src/components/_global/html/head.html +4 -57
  4. package/src/components/code/html/component.hbs +4 -4
  5. package/src/components/header/css/component.scss +1 -1
  6. package/src/styles/imports/variables.scss +3 -2
package/CHANGELOG.md CHANGED
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
7
7
 
8
8
  ## Unreleased
9
9
 
10
+ ## 1.17.2 - 2025-10-23
11
+
12
+ ## 1.17.1 - 2025-10-15
13
+
10
14
  ## 1.17.0 - 2025-10-01
11
15
 
12
16
  ## 1.16.5 - 2025-08-19
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qhealth-design-system/core",
3
- "version": "1.17.0",
3
+ "version": "1.17.2",
4
4
  "description": "",
5
5
  "licence": "MIT",
6
6
  "main": "index.js",
package/src/components/_global/html/head.html CHANGED
@@ -2,63 +2,10 @@
2
2
  <meta charset="utf-8" />
3
3
  <meta name="viewport" content="width=device-width, initial-scale=1" />
4
4
  <!-- Imports -->
5
- <!-- <link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Roboto+Mono&display=swap" rel="stylesheet"/> -->
6
- <link href='https://fonts.googleapis.com/css?family=Noto Sans:wght@300;400;600;900&display=swap' rel='stylesheet'>
7
- <link rel="stylesheet" href="https://use.typekit.net/fse2tsb.css" />
8
- <!-- <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> -->
5
+ <link href="https://fonts.googleapis.com/css?family=Noto Sans:wght@300;400;600;900&display=swap" rel="stylesheet" />
9
6
 
10
7
  <script id="globals-loader" data-current='${JSON.stringify(require("/src/data/current.json"))}' data-site='${JSON.stringify(require("/src/data/site.json"))}'>
11
- var current = JSON.parse(document.getElementById('globals-loader').getAttribute('data-current'));
12
- var site = JSON.parse(document.getElementById('globals-loader').getAttribute('data-site'));
13
- var userData = { "superAdmin": false, "hhsGroup": "darling-downs" }
8
+ var current = JSON.parse(document.getElementById("globals-loader").getAttribute("data-current"));
9
+ var site = JSON.parse(document.getElementById("globals-loader").getAttribute("data-site"));
10
+ var userData = { superAdmin: false, hhsGroup: "darling-downs" };
14
11
  </script>
15
-
16
- <style>
17
-
18
- .qld__grid {
19
- /* --QLD-color-light__site-title: #133653 ;
20
- --QLD-color-light__design-accent:#6BBE27;
21
- --QLD-color-light__heading: #04284C ;
22
- --QLD-color-light__text: #414141 ;
23
- --QLD-color-light__text--lighter: #636363 ;
24
- --QLD-color-light__link: #09549F ;
25
- --QLD-color-light__link--visited: #551A8B ;
26
- --QLD-color-light__link--on-action: #FFFFFF ;
27
- --QLD-color-light__action--primary: #4469A8 ;
28
- --QLD-color-light__action--primary-hover: #375675 ;
29
- --QLD-color-light__focus: #0085B3 ;
30
- --QLD-color-light__border: #EBEBEB ;
31
- --QLD-color-light__background: #FFFFFF ;
32
- --QLD-color-light__background--shade: #F8F9F9 ;
33
-
34
-
35
- --QLD-color-light__action--secondary: #008635 ;
36
- --QLD-color-light__action--secondary-hover: #005B23 ;
37
- --QLD-color-light__border--alt: #61748B ;
38
- --QLD-color-light__background--alt: #EDF1F2 ;
39
- --QLD-color-light__background--alt-shade: #E3EAEC ;
40
-
41
-
42
- --QLD-color-dark__site-title: #FFFFFF ;
43
- --QLD-color-dark__design-accent: #D2624A ;
44
- --QLD-color-dark__heading: #FFFFFF ;
45
- --QLD-color-dark__text: #FFFFFF ;
46
- --QLD-color-dark__text--lighter: #E2EDFB ;
47
- --QLD-color-dark__link: #FFFFFF ;
48
- --QLD-color-dark__link--visited: #E1BBEE ;
49
- --QLD-color-dark__link--on-action: #FFFFFF ;
50
- --QLD-color-dark__action--primary: #218291 ;
51
- --QLD-color-dark__action--primary-hover: #517A7F ;
52
- --QLD-color-dark__focus: #52AF9F ;
53
- --QLD-color-dark__border: #5687B5 ;
54
- --QLD-color-dark__background: #132D4E ;
55
- --QLD-color-dark__background--shade: #0A2343 ;
56
-
57
- --QLD-color-dark__action--secondary: #D2834A ;
58
- --QLD-color-dark__action--secondary-hover: #FA954C ;
59
- --QLD-color-dark__border--alt: #5279A9 ;
60
- --QLD-color-dark__background--alt: #061B37 ;
61
- --QLD-color-dark__background--alt-shade: #041122 ; */
62
- }
63
-
64
- </style>
package/src/components/code/html/component.hbs CHANGED
@@ -43,14 +43,14 @@
43
43
  <div class="qld__code multiline {{#ifCond show_more_button.value '==' 'true'}}show_less{{/ifCond}} {{#ifCond show_preview.value '==' 'true'}}with-preview{{/ifCond}}">
44
44
  {{#ifCond show_preview.value '==' 'true'}}
45
45
  <div class="qld__code-preview">
46
- <span class="qld__code-preview-tab">Example</span>
46
+ <span class="qld__code-preview-tab">Vanilla example</span>
47
47
  {{#ifCond show_theme_colors.value '==' 'true'}}
48
48
  <div class="qld__code-preview-colours">
49
- <span class="qld__code-preview-colours-label">Theme</span>
49
+ <span class="qld__code-preview-colours-label">Palette</span>
50
50
  <ul>
51
51
  <li>
52
52
  <input type="radio" name="qld__code-preview-colours-{{../component.data.assetid}}" id="qld__code-preview-colours__default-{{../component.data.assetid}}" value="" checked>
53
- <label for="qld__code-preview-colours__default-{{../component.data.assetid}}">White</label>
53
+ <label for="qld__code-preview-colours__default-{{../component.data.assetid}}">Default</label>
54
54
  </li>
55
55
  <li>
56
56
  <input type="radio" name="qld__code-preview-colours-{{../component.data.assetid}}" id="qld__code-preview-colours__light-{{../component.data.assetid}}" value="qld__body--light">
@@ -66,7 +66,7 @@
66
66
  </li>
67
67
  <li>
68
68
  <input type="radio" name="qld__code-preview-colours-{{../component.data.assetid}}" id="qld__code-preview-colours__dark-alt-{{../component.data.assetid}}" value="qld__body--dark-alt">
69
- <label for="qld__code-preview-colours__dark-alt-{{../component.data.assetid}}"> Dark-alt</label>
69
+ <label for="qld__code-preview-colours__dark-alt-{{../component.data.assetid}}">Dark-alt</label>
70
70
  </li>
71
71
  </ul>
72
72
  </div>
package/src/components/header/css/component.scss CHANGED
@@ -432,7 +432,7 @@
432
432
 
433
433
  .qld__header__heading {
434
434
  @include QLD-fontgrid(sm, heading);
435
- font-family: $QLD-font-heading;
435
+ font-family: $QLD-font-sitename;
436
436
  color: var(--QLD-color-light__site-title);
437
437
  font-weight: bold;
438
438
  margin: 0;
package/src/styles/imports/variables.scss CHANGED
@@ -29,13 +29,14 @@ $QLD-rem: 16 !default;
29
29
  $QLD-unit: 4 !default;
30
30
 
31
31
  /**
32
- * QLD-font stack
32
+ * QLD-fonts stack
33
33
  * QLD-font-monospace stack
34
34
  */
35
35
  $QLD-font: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
36
+ $QLD-font-sitename: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
37
+ $QLD-font-display: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
36
38
 
37
39
  $QLD-font-monospace: "Roboto Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace !default;
38
- $QLD-font-heading: "ff-meta-web-pro", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
39
40
 
40
41
  /**
41
42
  * QLD-fontsize-map