@canopy-iiif/app 1.5.9 → 1.5.11

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 (34) hide show
  1. package/lib/build/iiif.js +7 -2
  2. package/lib/build/pages.js +20 -2
  3. package/lib/components/navigation.js +21 -0
  4. package/package.json +1 -1
  5. package/ui/dist/index.mjs +524 -204
  6. package/ui/dist/index.mjs.map +4 -4
  7. package/ui/dist/server.mjs +602 -309
  8. package/ui/dist/server.mjs.map +4 -4
  9. package/ui/styles/base/_heading.scss +1 -1
  10. package/ui/styles/base/_markdown.scss +1 -1
  11. package/ui/styles/components/_article-card.scss +1 -1
  12. package/ui/styles/components/_bibliography.scss +1 -2
  13. package/ui/styles/components/_card.scss +1 -1
  14. package/ui/styles/components/_diagram.scss +1 -1
  15. package/ui/styles/components/_footer.scss +1 -1
  16. package/ui/styles/components/_interstitial-hero.scss +3 -3
  17. package/ui/styles/components/_layout.scss +16 -2
  18. package/ui/styles/components/_map.scss +4 -4
  19. package/ui/styles/components/_nav-tree.scss +67 -0
  20. package/ui/styles/components/_referenced-items.scss +3 -3
  21. package/ui/styles/components/_sub-navigation.scss +42 -21
  22. package/ui/styles/components/_timeline.scss +10 -10
  23. package/ui/styles/components/_work.scss +1 -1
  24. package/ui/styles/components/header/_header.scss +4 -2
  25. package/ui/styles/components/header/_navbar.scss +65 -50
  26. package/ui/styles/components/iiif/_image.scss +1 -1
  27. package/ui/styles/components/index.scss +1 -0
  28. package/ui/styles/components/modal/_modal.scss +1 -1
  29. package/ui/styles/components/search/_filters.scss +15 -19
  30. package/ui/styles/components/search/_form.scss +1 -1
  31. package/ui/styles/components/search/_results.scss +4 -4
  32. package/ui/styles/index.css +217 -123
  33. package/ui/styles/settings/_breakpoints.scss +7 -0
  34. package/ui/theme.js +9 -9
package/ui/styles/components/modal/_modal.scss CHANGED
@@ -82,7 +82,7 @@
82
82
 
83
83
  .canopy-modal__close:hover,
84
84
  .canopy-modal__close:focus-visible {
85
- color: var(--color-accent-700);
85
+ color: var(--color-accent-default);
86
86
  outline: none;
87
87
  }
88
88
 
package/ui/styles/components/search/_filters.scss CHANGED
@@ -2,7 +2,6 @@
2
2
  .canopy-modal--filters .canopy-modal__panel {
3
3
  width: min(100%, 48rem);
4
4
  max-height: min(90vh, 720px);
5
- background: var(--color-gray-100);
6
5
  }
7
6
 
8
7
  .canopy-modal--filters .canopy-modal__body--filters {
@@ -16,7 +15,7 @@
16
15
  margin: 0 0 0.75rem;
17
16
  font-size: var(--font-size-sm);
18
17
  line-height: var(--line-height-sm);
19
- color: var(--color-gray-500);
18
+ color: var(--color-gray-muted);
20
19
  }
21
20
 
22
21
  .canopy-search-filters__body {
@@ -33,7 +32,7 @@
33
32
  .canopy-search-filters__empty {
34
33
  font-size: var(--font-size-sm);
35
34
  line-height: var(--line-height-sm);
36
- color: var(--color-gray-500);
35
+ color: var(--color-gray-muted);
37
36
  }
38
37
 
39
38
  .canopy-search-filters__facet {
@@ -41,10 +40,6 @@
41
40
  border-radius: 0.75rem;
42
41
  background: var(--color-gray-50);
43
42
  overflow: hidden;
44
-
45
- &[open] {
46
- background: var(--color-gray-100);
47
- }
48
43
  }
49
44
 
50
45
  .canopy-search-filters__facet-summary {
@@ -67,12 +62,11 @@
67
62
  .canopy-search-filters__facet-count {
68
63
  font-size: var(--font-size-xs);
69
64
  font-weight: 400;
70
- color: var(--color-gray-500);
65
+ color: var(--color-gray-muted);
71
66
  }
72
67
 
73
68
  .canopy-search-filters__facet-content {
74
69
  border-top: 1px solid var(--color-gray-200);
75
- background: var(--color-gray-100);
76
70
  padding: 1rem;
77
71
  max-height: 15rem;
78
72
  overflow-y: auto;
@@ -92,8 +86,9 @@
92
86
  border: 1px solid var(--color-gray-300);
93
87
  padding: 0.375rem 0.75rem;
94
88
  font-size: var(--font-size-sm);
95
- color: var(--color-gray-700);
96
- transition: border-color var(--duration-fast) var(--easing-standard),
89
+ color: var(--color-gray-muted);
90
+ transition:
91
+ border-color var(--duration-fast) var(--easing-standard),
97
92
  box-shadow var(--duration-fast) var(--easing-standard);
98
93
 
99
94
  &:focus {
@@ -108,9 +103,10 @@
108
103
  border: 1px solid var(--color-gray-200);
109
104
  padding: 0.25rem 0.5rem;
110
105
  font-size: var(--font-size-xs);
111
- color: var(--color-gray-600);
106
+ color: var(--color-gray-muted);
112
107
  background: var(--color-gray-100);
113
- transition: background-color var(--duration-fast) var(--easing-standard),
108
+ transition:
109
+ background-color var(--duration-fast) var(--easing-standard),
114
110
  color var(--duration-fast) var(--easing-standard);
115
111
 
116
112
  &:hover {
@@ -127,7 +123,7 @@
127
123
  flex-direction: column;
128
124
  gap: 0.5rem;
129
125
  font-size: var(--font-size-sm);
130
- color: var(--color-gray-700);
126
+ color: var(--color-gray-muted);
131
127
  }
132
128
 
133
129
  .canopy-search-filters__facet-item {
@@ -155,7 +151,7 @@
155
151
 
156
152
  .canopy-search-filters__facet-empty {
157
153
  font-size: var(--font-size-sm);
158
- color: var(--color-gray-500);
154
+ color: var(--color-gray-muted);
159
155
  }
160
156
 
161
157
  .canopy-search-filters__footer {
@@ -178,16 +174,16 @@
178
174
  border-radius: 9999px;
179
175
  padding: 0.5rem 1.25rem;
180
176
  font-size: var(--font-size-sm);
181
- font-weight: 600;
182
177
  cursor: pointer;
183
- transition: background-color var(--duration-fast) var(--easing-standard),
178
+ transition:
179
+ background-color var(--duration-fast) var(--easing-standard),
184
180
  color var(--duration-fast) var(--easing-standard);
185
181
  }
186
182
 
187
183
  .canopy-search-filters__button--secondary {
188
184
  border: 1px solid var(--color-gray-300);
189
185
  background: transparent;
190
- color: var(--color-gray-700);
186
+ color: var(--color-gray-muted);
191
187
  }
192
188
 
193
189
  .canopy-search-filters__button--secondary:hover,
@@ -205,7 +201,7 @@
205
201
 
206
202
  .canopy-search-filters__button--primary:hover,
207
203
  .canopy-search-filters__button--primary:focus-visible {
208
- background: var(--color-accent-700);
204
+ background: var(--color-accent-default);
209
205
  outline: none;
210
206
  }
211
207
 
package/ui/styles/components/search/_form.scss CHANGED
@@ -78,7 +78,7 @@
78
78
  gap: 0.5rem;
79
79
  border: 1px solid var(--color-gray-200);
80
80
  border-radius: 0.75rem;
81
- color: var(--color-gray-800);
81
+ color: var(--color-gray-muted);
82
82
  box-shadow: var(--shadow-sm);
83
83
  transition:
84
84
  border-color var(--duration-fast) var(--easing-standard),
package/ui/styles/components/search/_results.scss CHANGED
@@ -21,7 +21,7 @@
21
21
  padding: 0.382rem 0.618rem;
22
22
  font-size: 1rem;
23
23
  cursor: pointer;
24
- color: var(--color-gray-800);
24
+ color: var(--color-gray-muted);
25
25
  transition: all 0.2s ease-in-out;
26
26
 
27
27
  &.active,
@@ -41,7 +41,7 @@
41
41
  gap: 0.25rem;
42
42
  padding: 0.25rem 0.5rem;
43
43
  border: 1px solid var(--color-gray-200);
44
- color: var(--color-gray-700);
44
+ color: var(--color-gray-muted);
45
45
  background: var(--color-gray-100);
46
46
  border-radius: 6px;
47
47
  cursor: pointer;
@@ -161,7 +161,7 @@
161
161
  padding: 0.382rem 0.618rem;
162
162
  font-weight: 600;
163
163
  font-size: 0.8333rem;
164
- color: var(--color-gray-700);
164
+ color: var(--color-gray-muted);
165
165
  }
166
166
 
167
167
  .canopy-search-teaser__item {
@@ -217,7 +217,7 @@
217
217
 
218
218
  .canopy-search-teaser__meta {
219
219
  font-size: 0.78rem;
220
- color: var(--color-gray-600);
220
+ color: var(--color-gray-muted);
221
221
  white-space: nowrap;
222
222
  overflow: hidden;
223
223
  text-overflow: ellipsis;