@canopy-iiif/app 1.0.1 → 1.1.0

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 (12) hide show
  1. package/lib/build/iiif.js +28 -19
  2. package/lib/build/mdx.js +130 -227
  3. package/lib/build/pages.js +27 -13
  4. package/lib/build/runtimes.js +0 -1
  5. package/lib/components/slider-runtime-entry.js +18 -3
  6. package/lib/components/viewer-runtime-entry.js +74 -0
  7. package/package.json +1 -1
  8. package/ui/dist/server.mjs +9 -9
  9. package/ui/dist/server.mjs.map +1 -1
  10. package/ui/styles/components/_sub-navigation.scss +11 -9
  11. package/ui/styles/components/_timeline.scss +3 -6
  12. package/ui/styles/index.css +10 -14
package/ui/styles/components/_sub-navigation.scss CHANGED
@@ -100,10 +100,10 @@
100
100
  gap: 0.25rem;
101
101
  padding: 0.25rem 0.75rem;
102
102
  border-radius: 9999px;
103
- border: 1px solid var(--color-gray-200);
104
- background-color: rgba(255, 255, 255, 0.9);
105
- color: inherit;
106
- font-size: 0.75rem;
103
+ border: 1px solid color-mix(in srgb, var(--color-gray-300) 60%, transparent);
104
+ color: color-mix(in srgb, var(--color-gray-900) 92%, transparent);
105
+ background-color: var(--color-gray-50);
106
+ font-size: 0.7222rem;
107
107
  font-weight: 600;
108
108
  cursor: pointer;
109
109
  transition:
@@ -115,11 +115,13 @@
115
115
 
116
116
  .canopy-content-navigation__toggle:hover,
117
117
  .canopy-content-navigation__toggle:focus-visible {
118
- background-color: rgba(255, 255, 255, 1);
119
- border-color: var(--color-gray-300);
120
- outline: none;
121
- box-shadow: 0 0 0 2px
122
- color-mix(in srgb, var(--color-accent-200) 60%, transparent);
118
+ border-color: color-mix(in srgb, var(--color-accent-400) 65%, transparent);
119
+ background-color: color-mix(
120
+ in srgb,
121
+ var(--color-accent-200) 25%,
122
+ transparent
123
+ );
124
+ color: var(--color-accent-700);
123
125
  }
124
126
 
125
127
  .canopy-layout__content-nav.is-collapsed .canopy-content-navigation {
package/ui/styles/components/_timeline.scss CHANGED
@@ -22,12 +22,9 @@
22
22
 
23
23
  .canopy-timeline__range {
24
24
  margin: 0;
25
- font-size: 1rem;
26
- color: var(--color-gray-700);
27
- font-size: 1.111rem;
28
- letter-spacing: 0.0125em;
29
- color: var(--color-gray-700);
30
- font-weight: 300;
25
+ color: var(--color-accent-700);
26
+ font-size: 1.382rem;
27
+ font-weight: 600;
31
28
  }
32
29
 
33
30
  .canopy-timeline__body {
package/ui/styles/index.css CHANGED
@@ -2029,10 +2029,10 @@ html.dark .canopy-iiif-image .clover-iiif-image-openseadragon .clover-iiif-image
2029
2029
  gap: 0.25rem;
2030
2030
  padding: 0.25rem 0.75rem;
2031
2031
  border-radius: 9999px;
2032
- border: 1px solid var(--color-gray-200);
2033
- background-color: rgba(255, 255, 255, 0.9);
2034
- color: inherit;
2035
- font-size: 0.75rem;
2032
+ border: 1px solid color-mix(in srgb, var(--color-gray-300) 60%, transparent);
2033
+ color: color-mix(in srgb, var(--color-gray-900) 92%, transparent);
2034
+ background-color: var(--color-gray-50);
2035
+ font-size: 0.7222rem;
2036
2036
  font-weight: 600;
2037
2037
  cursor: pointer;
2038
2038
  transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
@@ -2040,10 +2040,9 @@ html.dark .canopy-iiif-image .clover-iiif-image-openseadragon .clover-iiif-image
2040
2040
 
2041
2041
  .canopy-content-navigation__toggle:hover,
2042
2042
  .canopy-content-navigation__toggle:focus-visible {
2043
- background-color: rgb(255, 255, 255);
2044
- border-color: var(--color-gray-300);
2045
- outline: none;
2046
- box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-accent-200) 60%, transparent);
2043
+ border-color: color-mix(in srgb, var(--color-accent-400) 65%, transparent);
2044
+ background-color: color-mix(in srgb, var(--color-accent-200) 25%, transparent);
2045
+ color: var(--color-accent-700);
2047
2046
  }
2048
2047
 
2049
2048
  .canopy-layout__content-nav.is-collapsed .canopy-content-navigation {
@@ -2185,12 +2184,9 @@ html.dark .canopy-iiif-image .clover-iiif-image-openseadragon .clover-iiif-image
2185
2184
 
2186
2185
  .canopy-timeline__range {
2187
2186
  margin: 0;
2188
- font-size: 1rem;
2189
- color: var(--color-gray-700);
2190
- font-size: 1.111rem;
2191
- letter-spacing: 0.0125em;
2192
- color: var(--color-gray-700);
2193
- font-weight: 300;
2187
+ color: var(--color-accent-700);
2188
+ font-size: 1.382rem;
2189
+ font-weight: 600;
2194
2190
  }
2195
2191
 
2196
2192
  .canopy-timeline__body {