@canopy-iiif/app 1.4.11 → 1.4.12

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 (9) hide show
  1. package/package.json +1 -1
  2. package/ui/dist/index.mjs +127 -120
  3. package/ui/dist/index.mjs.map +4 -4
  4. package/ui/dist/server.mjs +54 -47
  5. package/ui/dist/server.mjs.map +4 -4
  6. package/ui/styles/components/{_biblography.scss → _bibliography.scss} +15 -15
  7. package/ui/styles/components/index.scss +1 -1
  8. package/ui/styles/components/search/_tabs.scss +6 -6
  9. package/ui/styles/index.css +21 -21
package/ui/styles/components/{_biblography.scss → _bibliography.scss} RENAMED
@@ -1,51 +1,51 @@
1
- .biblography {
1
+ .bibliography {
2
2
  margin: clamp(2rem, 6vw, 4rem) 0;
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  gap: 1rem;
6
6
  }
7
7
 
8
- .biblography__pages {
8
+ .bibliography__pages {
9
9
  display: grid;
10
10
  gap: clamp(1rem, 2vw, 1.75rem);
11
11
  }
12
12
 
13
13
  @media (min-width: 900px) {
14
- .biblography__pages {
14
+ .bibliography__pages {
15
15
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
16
16
  }
17
17
  }
18
18
 
19
- .biblography__page {
19
+ .bibliography__page {
20
20
  display: flex;
21
21
  flex-direction: column;
22
22
  gap: 1rem;
23
23
  }
24
24
 
25
- .biblography__page-header {
25
+ .bibliography__page-header {
26
26
  display: flex;
27
27
  flex-direction: column;
28
28
  gap: 0.382rem;
29
29
  }
30
30
 
31
- .biblography__page-title {
31
+ .bibliography__page-title {
32
32
  font-size: 1rem;
33
33
  margin: 0;
34
34
  line-height: 1.35;
35
35
  }
36
36
 
37
- .biblography__page-link {
37
+ .bibliography__page-link {
38
38
  font-size: 0.9222rem;
39
39
  color: var(--color-accent-default);
40
40
  text-decoration: none;
41
41
  word-break: break-word;
42
42
  }
43
43
 
44
- .biblography__page-link:hover {
44
+ .bibliography__page-link:hover {
45
45
  text-decoration: underline;
46
46
  }
47
47
 
48
- .biblography__notes {
48
+ .bibliography__notes {
49
49
  list-style: none;
50
50
  margin: 0;
51
51
  padding: 0;
@@ -54,7 +54,7 @@
54
54
  gap: 0.75rem;
55
55
  }
56
56
 
57
- .biblography__note {
57
+ .bibliography__note {
58
58
  display: grid;
59
59
  grid-template-columns: auto 1fr;
60
60
  gap: 0.5rem;
@@ -62,27 +62,27 @@
62
62
  padding-top: 0.65rem;
63
63
  }
64
64
 
65
- .biblography__note:first-child {
65
+ .bibliography__note:first-child {
66
66
  border-top: none;
67
67
  padding-top: 0;
68
68
  }
69
69
 
70
- .biblography__note-label {
70
+ .bibliography__note-label {
71
71
  font-variant-numeric: tabular-nums;
72
72
  font-weight: 600;
73
73
  color: var(--color-gray-500);
74
74
  }
75
75
 
76
- .biblography__note-body {
76
+ .bibliography__note-body {
77
77
  color: var(--color-gray-900);
78
78
  font-size: 0.95rem;
79
79
  line-height: 1.5;
80
80
  }
81
81
 
82
- .biblography__note-body p {
82
+ .bibliography__note-body p {
83
83
  margin: 0;
84
84
  }
85
85
 
86
- .biblography__note-body p + p {
86
+ .bibliography__note-body p + p {
87
87
  margin-top: 0.6rem;
88
88
  }
package/ui/styles/components/index.scss CHANGED
@@ -3,7 +3,7 @@
3
3
  @use "./article-card";
4
4
  @use "./layout";
5
5
  @use "./referenced-items";
6
- @use "./biblography";
6
+ @use "./bibliography";
7
7
  @use "./header";
8
8
  @use "./footer";
9
9
  @use "./modal";
package/ui/styles/components/search/_tabs.scss CHANGED
@@ -2,7 +2,7 @@
2
2
  position: relative;
3
3
  display: inline-flex;
4
4
  gap: 0.5rem;
5
- border-bottom: 1px solid #e2e8f0; /* subtle bottom border */
5
+ border-bottom: 3px solid var(--color-gray-200); /* subtle bottom border */
6
6
  padding-bottom: 0.25rem;
7
7
  }
8
8
 
@@ -13,21 +13,21 @@
13
13
  padding: 0.25rem 0.75rem 0.5rem;
14
14
  font-size: 0.875rem;
15
15
  font-weight: 500;
16
- color: #64748b;
16
+ color: var(--color-gray-muted);
17
17
  cursor: pointer;
18
18
  }
19
19
 
20
20
  .canopy-search-tab.is-active {
21
- color: #0f172a;
21
+ color: var(--color-gray-900);
22
22
  }
23
23
 
24
24
  .canopy-search-tabs__highlight {
25
25
  position: absolute;
26
- bottom: 0;
26
+ bottom: -3px;
27
27
  left: 0;
28
- height: 2px; /* underline */
28
+ height: 3px; /* underline */
29
29
  border-radius: 999px;
30
- background: #2563eb; /* brand-ish blue */
30
+ background: var(--color-accent-default);
31
31
  pointer-events: none;
32
32
  opacity: 0;
33
33
  transform: translateX(0);
package/ui/styles/index.css CHANGED
@@ -460,53 +460,53 @@ section[data-footnotes] ul li,
460
460
  font-style: italic;
461
461
  }
462
462
 
463
- .biblography {
463
+ .bibliography {
464
464
  margin: clamp(2rem, 6vw, 4rem) 0;
465
465
  display: flex;
466
466
  flex-direction: column;
467
467
  gap: 1rem;
468
468
  }
469
469
 
470
- .biblography__pages {
470
+ .bibliography__pages {
471
471
  display: grid;
472
472
  gap: clamp(1rem, 2vw, 1.75rem);
473
473
  }
474
474
 
475
475
  @media (min-width: 900px) {
476
- .biblography__pages {
476
+ .bibliography__pages {
477
477
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
478
478
  }
479
479
  }
480
- .biblography__page {
480
+ .bibliography__page {
481
481
  display: flex;
482
482
  flex-direction: column;
483
483
  gap: 1rem;
484
484
  }
485
485
 
486
- .biblography__page-header {
486
+ .bibliography__page-header {
487
487
  display: flex;
488
488
  flex-direction: column;
489
489
  gap: 0.382rem;
490
490
  }
491
491
 
492
- .biblography__page-title {
492
+ .bibliography__page-title {
493
493
  font-size: 1rem;
494
494
  margin: 0;
495
495
  line-height: 1.35;
496
496
  }
497
497
 
498
- .biblography__page-link {
498
+ .bibliography__page-link {
499
499
  font-size: 0.9222rem;
500
500
  color: var(--color-accent-default);
501
501
  text-decoration: none;
502
502
  word-break: break-word;
503
503
  }
504
504
 
505
- .biblography__page-link:hover {
505
+ .bibliography__page-link:hover {
506
506
  text-decoration: underline;
507
507
  }
508
508
 
509
- .biblography__notes {
509
+ .bibliography__notes {
510
510
  list-style: none;
511
511
  margin: 0;
512
512
  padding: 0;
@@ -515,7 +515,7 @@ section[data-footnotes] ul li,
515
515
  gap: 0.75rem;
516
516
  }
517
517
 
518
- .biblography__note {
518
+ .bibliography__note {
519
519
  display: grid;
520
520
  grid-template-columns: auto 1fr;
521
521
  gap: 0.5rem;
@@ -523,28 +523,28 @@ section[data-footnotes] ul li,
523
523
  padding-top: 0.65rem;
524
524
  }
525
525
 
526
- .biblography__note:first-child {
526
+ .bibliography__note:first-child {
527
527
  border-top: none;
528
528
  padding-top: 0;
529
529
  }
530
530
 
531
- .biblography__note-label {
531
+ .bibliography__note-label {
532
532
  font-variant-numeric: tabular-nums;
533
533
  font-weight: 600;
534
534
  color: var(--color-gray-500);
535
535
  }
536
536
 
537
- .biblography__note-body {
537
+ .bibliography__note-body {
538
538
  color: var(--color-gray-900);
539
539
  font-size: 0.95rem;
540
540
  line-height: 1.5;
541
541
  }
542
542
 
543
- .biblography__note-body p {
543
+ .bibliography__note-body p {
544
544
  margin: 0;
545
545
  }
546
546
 
547
- .biblography__note-body p + p {
547
+ .bibliography__note-body p + p {
548
548
  margin-top: 0.6rem;
549
549
  }
550
550
 
@@ -2010,7 +2010,7 @@ html.dark .canopy-iiif-image .clover-iiif-image-openseadragon .clover-iiif-image
2010
2010
  position: relative;
2011
2011
  display: inline-flex;
2012
2012
  gap: 0.5rem;
2013
- border-bottom: 1px solid #e2e8f0; /* subtle bottom border */
2013
+ border-bottom: 3px solid var(--color-gray-200); /* subtle bottom border */
2014
2014
  padding-bottom: 0.25rem;
2015
2015
  }
2016
2016
 
@@ -2021,21 +2021,21 @@ html.dark .canopy-iiif-image .clover-iiif-image-openseadragon .clover-iiif-image
2021
2021
  padding: 0.25rem 0.75rem 0.5rem;
2022
2022
  font-size: 0.875rem;
2023
2023
  font-weight: 500;
2024
- color: #64748b;
2024
+ color: var(--color-gray-muted);
2025
2025
  cursor: pointer;
2026
2026
  }
2027
2027
 
2028
2028
  .canopy-search-tab.is-active {
2029
- color: #0f172a;
2029
+ color: var(--color-gray-900);
2030
2030
  }
2031
2031
 
2032
2032
  .canopy-search-tabs__highlight {
2033
2033
  position: absolute;
2034
- bottom: 0;
2034
+ bottom: -3px;
2035
2035
  left: 0;
2036
- height: 2px; /* underline */
2036
+ height: 3px; /* underline */
2037
2037
  border-radius: 999px;
2038
- background: #2563eb; /* brand-ish blue */
2038
+ background: var(--color-accent-default);
2039
2039
  pointer-events: none;
2040
2040
  opacity: 0;
2041
2041
  transform: translateX(0);