@qhealth-design-system/core 1.7.2 → 1.7.4

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/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.7.4 - 2024-06-26
11
+
12
+ ## 1.7.3 - 2024-06-26
13
+
10
14
  ## 1.7.2 - 2024-06-24
11
15
 
12
16
  ## 1.7.1 - 2024-06-20
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qhealth-design-system/core",
3
- "version": "1.7.2",
3
+ "version": "1.7.4",
4
4
  "description": "",
5
5
  "licence": "MIT",
6
6
  "main": "index.js",
@@ -112,11 +112,15 @@
112
112
  }
113
113
  }
114
114
 
115
- a.qld__card--clickable__link{
115
+ a.qld__card--clickable__link {
116
116
  color: var(--QLD-color-light__link);
117
117
  @include QLD-underline('light');
118
118
  // @include QLD-underline('light','noUnderline','buttonText','noVisited');
119
119
 
120
+ &:visited, &:hover:visited {
121
+ color: var(--QLD-color-light__link--visited);
122
+ }
123
+
120
124
  //make hit area entire card
121
125
 
122
126
  &:after {
@@ -368,17 +372,32 @@
368
372
  }
369
373
 
370
374
 
371
- .qld__body--dark, .qld__body--dark-alt {
375
+ .qld__body--dark, .qld__banner--dark, .qld__banner--dark-alt, .qld__body--dark-alt {
372
376
  .qld__card{
373
377
  a.qld__card--clickable__link {
374
- color: var(--QLD-color-light__link);
375
378
  @include QLD-underline('light');
379
+ color: var(--QLD-color-light__link);
380
+ &:visited, &:hover:visited {
381
+ color: var(--QLD-color-light__link--visited);
382
+ }
383
+
384
+ &:focus {
385
+ outline: none;
386
+ }
376
387
  }
377
388
 
378
389
  &.qld__card--dark, &.qld__card--dark-alt{
379
390
  a.qld__card--clickable__link{
380
- color: var(--QLD-color-dark__link);
381
391
  @include QLD-underline('dark');
392
+ color: var(--QLD-color-dark__link);
393
+
394
+ &:visited, &:hover:visited {
395
+ color: var(--QLD-color-dark__link--visited);
396
+ }
397
+
398
+ &:focus {
399
+ outline: none;
400
+ }
382
401
 
383
402
  }
384
403
  }
@@ -480,13 +499,22 @@
480
499
  }
481
500
  }
482
501
 
483
- &__footer{
502
+ &__footer {
484
503
  display: flex;
485
- justify-content: end;
504
+ justify-content: space-between;
505
+ flex-direction: row-reverse;
486
506
  @include QLD-space(padding-left, 1unit);
487
507
  @include QLD-space(padding-right, 1unit);
488
508
  @include QLD-space(margin-top, 2unit);
489
509
 
510
+ .qld__slick-controls {
511
+ order: 1;
512
+ }
513
+
514
+ a {
515
+ order: 0;
516
+ }
517
+
490
518
  &.centered {
491
519
  justify-content: center;
492
520
  }
@@ -671,11 +699,3 @@
671
699
  }
672
700
  }
673
701
  }
674
-
675
- .qld__body, .qld__banner {
676
- .qld__card-list__footer {
677
- justify-content: space-between;
678
- align-items: centre;
679
- }
680
- }
681
-
@@ -123,7 +123,7 @@ $QLD-header-md: 72px;
123
123
 
124
124
  &.qld__main-nav__item-link--open {
125
125
  &:visited {
126
- color: var(--QLD-color-light__heading);
126
+ color: var(--QLD-color-light__link);
127
127
  }
128
128
  }
129
129
  }
@@ -381,6 +381,15 @@
381
381
  border-left: none;
382
382
  }
383
383
  }
384
+
385
+ span {
386
+ color: var(--QLD-color-light__heading);
387
+ border-left: solid 4px transparent;
388
+
389
+ @include QLD-media(lg) {
390
+ border-left: none;
391
+ }
392
+ }
384
393
  }
385
394
 
386
395
  &:not(.active) {
@@ -525,6 +534,10 @@
525
534
  color: var(--QLD-color-dark__heading);
526
535
 
527
536
  }
537
+
538
+ span {
539
+ color: var(--QLD-color-dark__heading);
540
+ }
528
541
  }
529
542
 
530
543
  .qld__main-nav__sub-item-text{