@canopy-iiif/app 1.8.13 → 1.8.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canopy-iiif/app",
-  "version": "1.8.13",
+  "version": "1.8.14",
   "private": false,
   "license": "MIT",
   "author": "Mat Jordan <mat@northwestern.edu>",

package/ui/styles/base/_heading.scss

@@ -35,8 +35,8 @@
 
 @utility font-display {
   font-family: var(--font-serif);
-  font-weight: 600;
-  letter-spacing: -0.025em;
+  font-weight: 500;
+  letter-spacing: -0.02em;
   font-variation-settings:
     "SOFT" 100,
     "WONK" 1;

package/ui/styles/components/_bibliography.scss

@@ -69,7 +69,7 @@
 
 .bibliography__note-label {
   font-variant-numeric: tabular-nums;
-  font-weight: 600;
+  font-weight: 500;
   color: var(--color-gray-muted);
 }
 

package/ui/styles/components/_buttons.scss

@@ -57,7 +57,7 @@
 
   .canopy-button-group__text {
     font-size: 1.38rem;
-    font-weight: 600;
+    font-weight: 500;
     color: var(--color-gray-900);
     margin-bottom: 1rem;
     letter-spacing: -0.0125em;

package/ui/styles/components/_diagram.scss

@@ -39,7 +39,7 @@
 
   h3 {
     margin: 0 0 0.382rem;
-    font-weight: 600;
+    font-weight: 500;
     text-align: center;
     color: var(--color-accent-default);
   }

package/ui/styles/components/_gallery.scss

@@ -45,10 +45,7 @@
 
   &__grid {
     display: grid;
-    grid-template-columns: repeat(
-      auto-fit,
-      minmax(16rem, 1fr)
-    );
+    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
     gap: var(--canopy-gallery-gap, 1.5rem);
     padding: var(--canopy-gallery-gap, 1.5rem) 0;
   }
@@ -119,7 +116,7 @@
   }
 
   &__title-text {
-    font-weight: 600;
+    font-weight: 500;
     font-size: 1.05rem;
     line-height: 1.3;
     color: var(--color-gray-900);
@@ -285,7 +282,7 @@
     background: var(--color-accent-100);
     border-radius: 999px;
     padding: 0.35rem 1.25rem;
-    font-weight: 600;
+    font-weight: 500;
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -426,7 +423,7 @@ body[data-canopy-gallery-locked="1"] {
     border-radius: 0.75rem;
     background: rgba(255, 255, 255, 0.85);
     font-size: 1.25rem;
-    font-weight: 600;
+    font-weight: 500;
     cursor: pointer;
     display: inline-flex;
     align-items: center;

package/ui/styles/components/_image-story.scss

@@ -36,7 +36,7 @@
 
     &.storiiies-viewer__title {
       font-size: var(--storiiies-viewer-title-font-size);
-      font-weight: 600;
+      font-weight: 500;
       color: var(--color-gray-900);
     }
   }

package/ui/styles/components/_interstitial-hero.scss

@@ -138,7 +138,7 @@
 
     .canopy-interstitial__description {
       font-size: 0.9222rem;
-      font-weight: 700;
+      font-weight: 500;
       color: var(--color-accent-default);
       font-family: var(--font-mono);
     }
@@ -165,7 +165,7 @@
   &__breadcrumb-separator,
   &__breadcrumb-current {
     color: var(--color-gray-900);
-    font-weight: 600;
+    font-weight: 500;
   }
 
   &__slider {
@@ -312,7 +312,7 @@
   &__caption {
     position: absolute;
     bottom: 1.75rem;
-    font-weight: 600;
+    font-weight: 500;
     right: 2rem;
     z-index: 3;
   }

package/ui/styles/components/_map.scss

@@ -122,7 +122,7 @@
       text-decoration: none;
       color: inherit;
       font-size: 1rem;
-      font-weight: 600;
+      font-weight: 500;
       margin: 0.38rem 0;
     }
 
@@ -139,7 +139,7 @@
       gap: 0.25rem;
       align-items: center;
       color: var(--color-accent-600);
-      font-weight: 600;
+      font-weight: 500;
       text-decoration: none;
     }
 
@@ -149,7 +149,7 @@
       &-title {
         margin: 0 0 0.25rem;
         font-size: 0.75rem;
-        font-weight: 600;
+        font-weight: 500;
         letter-spacing: 0.05em;
         text-transform: uppercase;
         color: var(--color-gray-muted);
@@ -171,7 +171,7 @@
 
       &-link,
       &-text {
-        font-weight: 600;
+        font-weight: 500;
         text-decoration: none;
         display: inline-flex;
         align-items: center;
@@ -297,7 +297,7 @@
   &__cluster {
     font-size: 0.8333rem;
     font-family: var(--font-sans);
-    font-weight: 600;
+    font-weight: 500;
     width: 40px;
     height: 40px;
     border-radius: 999px;

package/ui/styles/components/_metadata-index.scss

@@ -10,7 +10,7 @@
 }
 
 .canopy-index__group dt {
-  font-weight: 600;
+  font-weight: 500;
   font-size: 1rem;
   margin: 0 0 0.8rem 0;
 }

package/ui/styles/components/_nav-tree.scss

@@ -4,7 +4,7 @@
   }
 
   .canopy-nav-tree__heading {
-    font-weight: 600;
+    font-weight: 500;
     margin-bottom: 0.618rem;
   }
 

package/ui/styles/components/_referenced-items.scss

@@ -6,7 +6,7 @@
 .referenced-items__heading {
   font-family: var(--font-serif);
   font-size: clamp(1.5rem, 2vw, 1.9rem);
-  font-weight: 600;
+  font-weight: 500;
   letter-spacing: -0.02em;
   margin-bottom: 1.5rem;
 }

package/ui/styles/components/_sub-navigation.scss

@@ -59,7 +59,7 @@
   align-items: center;
   justify-content: center;
   font-size: 0.6111rem;
-  font-weight: 600;
+  font-weight: 500;
   line-height: 1;
   white-space: nowrap;
   z-index: 0;
@@ -76,7 +76,7 @@
 .canopy-sub-navigation__tree .canopy-nav-tree__link.is-active,
 .canopy-modal__section-nav .canopy-nav-tree__link.is-active {
   color: var(--color-gray-900);
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .canopy-sub-navigation__list--nested,
@@ -134,7 +134,7 @@
   justify-content: center;
   color: color-mix(in srgb, var(--color-gray-900) 92%, transparent);
   font-size: 1rem;
-  font-weight: 600;
+  font-weight: 500;
   cursor: pointer;
   line-height: 1.2;
   transition: color 150ms ease;

package/ui/styles/components/_timeline.scss

@@ -11,7 +11,7 @@
 .canopy-timeline__title {
   margin: 0;
   font-size: 1.382rem;
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .canopy-timeline__description {
@@ -24,7 +24,7 @@
   margin: 0;
   color: var(--color-accent-default);
   font-size: 1.382rem;
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .canopy-timeline__body {
@@ -146,7 +146,7 @@
 .canopy-timeline__group-point-title {
   display: block;
   font-size: 1rem;
-  font-weight: 600;
+  font-weight: 500;
   color: var(--color-gray-900);
   margin-top: 0.382rem 0;
 }
@@ -220,7 +220,7 @@
   background: transparent;
   border: none;
   color: var(--color-accent-default);
-  font-weight: 600;
+  font-weight: 500;
   cursor: pointer;
 }
 

package/ui/styles/components/iiif/_viewer.scss

@@ -3,7 +3,7 @@
   font-weight: 300;
 
   dt {
-    font-weight: 600;
+    font-weight: 500;
   }
 
   a,
@@ -24,7 +24,7 @@
 
 .clover-viewer-header .label {
   font-size: 1.1111rem;
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .clover-viewer-media-navigation button svg {

package/ui/styles/components/modal/_modal.scss

@@ -54,7 +54,7 @@
   .canopy-modal__title {
     margin: 0 0 1rem;
     font-size: 1.25rem;
-    font-weight: 600;
+    font-weight: 500;
     color: var(--color-gray-900);
   }
 

package/ui/styles/components/search/_filters.scss

@@ -49,7 +49,7 @@
     gap: 0.75rem;
     padding: 0.75rem 1rem;
     font-size: var(--font-size-sm);
-    font-weight: 600;
+    font-weight: 500;
     color: var(--color-gray-900);
     cursor: pointer;
     list-style: none;

package/ui/styles/components/search/_results.scss

@@ -159,7 +159,7 @@
 
 .canopy-search-teaser__label {
   padding: 0.382rem 0.618rem;
-  font-weight: 600;
+  font-weight: 500;
   font-size: 0.8333rem;
   color: var(--color-gray-muted);
 }
@@ -206,7 +206,7 @@
 }
 
 .canopy-search-teaser__title {
-  font-weight: 600;
+  font-weight: 500;
   font-size: 0.95rem;
   line-height: 1.3;
   color: var(--color-gray-900);

package/ui/styles/index.css

@@ -71,8 +71,8 @@
 }
 @utility font-display {
   font-family: var(--font-serif);
-  font-weight: 600;
-  letter-spacing: -0.025em;
+  font-weight: 500;
+  letter-spacing: -0.02em;
   font-variation-settings: "SOFT" 100, "WONK" 1;
 }
 code {
@@ -190,7 +190,7 @@ section[data-footnotes] ul li,
   }
   .canopy-button-group__text {
     font-size: 1.38rem;
-    font-weight: 600;
+    font-weight: 500;
     color: var(--color-gray-900);
     margin-bottom: 1rem;
     letter-spacing: -0.0125em;
@@ -410,7 +410,7 @@ section[data-footnotes] ul li,
     color: inherit;
   }
   .canopy-nav-tree__heading {
-    font-weight: 600;
+    font-weight: 500;
     margin-bottom: 0.618rem;
   }
   .canopy-nav-tree__list {
@@ -479,7 +479,7 @@ section[data-footnotes] ul li,
 .referenced-items__heading {
   font-family: var(--font-serif);
   font-size: clamp(1.5rem, 2vw, 1.9rem);
-  font-weight: 600;
+  font-weight: 500;
   letter-spacing: -0.02em;
   margin-bottom: 1.5rem;
 }
@@ -558,7 +558,7 @@ section[data-footnotes] ul li,
 }
 
 .canopy-index__group dt {
-  font-weight: 600;
+  font-weight: 500;
   font-size: 1rem;
   margin: 0 0 0.8rem 0;
 }
@@ -684,7 +684,7 @@ section[data-footnotes] ul li,
 
 .bibliography__note-label {
   font-variant-numeric: tabular-nums;
-  font-weight: 600;
+  font-weight: 500;
   color: var(--color-gray-muted);
 }
 
@@ -1051,7 +1051,7 @@ section[data-footnotes] ul li,
   .canopy-modal__title {
     margin: 0 0 1rem;
     font-size: 1.25rem;
-    font-weight: 600;
+    font-weight: 500;
     color: var(--color-gray-900);
   }
   .canopy-modal__close {
@@ -1222,7 +1222,7 @@ section[data-footnotes] ul li,
 }
 .canopy-interstitial--hero-breadcrumb .canopy-interstitial__description {
   font-size: 0.9222rem;
-  font-weight: 700;
+  font-weight: 500;
   color: var(--color-accent-default);
   font-family: var(--font-mono);
 }
@@ -1242,7 +1242,7 @@ section[data-footnotes] ul li,
 }
 .canopy-interstitial__breadcrumb-separator, .canopy-interstitial__breadcrumb-current {
   color: var(--color-gray-900);
-  font-weight: 600;
+  font-weight: 500;
 }
 .canopy-interstitial__slider {
   position: relative;
@@ -1365,7 +1365,7 @@ section[data-footnotes] ul li,
 .canopy-interstitial__caption {
   position: absolute;
   bottom: 1.75rem;
-  font-weight: 600;
+  font-weight: 500;
   right: 2rem;
   z-index: 3;
 }
@@ -1579,7 +1579,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
   font-weight: 300;
 }
 .clover-viewer-information-panel dt {
-  font-weight: 600;
+  font-weight: 500;
 }
 .clover-viewer-information-panel a,
 .clover-viewer-information-panel dd {
@@ -1598,7 +1598,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
 
 .clover-viewer-header .label {
   font-size: 1.1111rem;
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .clover-viewer-media-navigation button svg {
@@ -1639,7 +1639,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
 }
 .canopy-image-story.storiiies-viewer .storiiies-viewer__text-section.storiiies-viewer__title {
   font-size: var(--storiiies-viewer-title-font-size);
-  font-weight: 600;
+  font-weight: 500;
   color: var(--color-gray-900);
 }
 .canopy-image-story.storiiies-viewer .storiiies-viewer__info-area {
@@ -1952,7 +1952,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
 
 .canopy-search-teaser__label {
   padding: 0.382rem 0.618rem;
-  font-weight: 600;
+  font-weight: 500;
   font-size: 0.8333rem;
   color: var(--color-gray-muted);
 }
@@ -1997,7 +1997,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
 }
 
 .canopy-search-teaser__title {
-  font-weight: 600;
+  font-weight: 500;
   font-size: 0.95rem;
   line-height: 1.3;
   color: var(--color-gray-900);
@@ -2062,7 +2062,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
     gap: 0.75rem;
     padding: 0.75rem 1rem;
     font-size: var(--font-size-sm);
-    font-weight: 600;
+    font-weight: 500;
     color: var(--color-gray-900);
     cursor: pointer;
     list-style: none;
@@ -2315,7 +2315,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
   align-items: center;
   justify-content: center;
   font-size: 0.6111rem;
-  font-weight: 600;
+  font-weight: 500;
   line-height: 1;
   white-space: nowrap;
   z-index: 0;
@@ -2332,7 +2332,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
 .canopy-sub-navigation__tree .canopy-nav-tree__link.is-active,
 .canopy-modal__section-nav .canopy-nav-tree__link.is-active {
   color: var(--color-gray-900);
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .canopy-sub-navigation__list--nested,
@@ -2386,7 +2386,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
   justify-content: center;
   color: color-mix(in srgb, var(--color-gray-900) 92%, transparent);
   font-size: 1rem;
-  font-weight: 600;
+  font-weight: 500;
   cursor: pointer;
   line-height: 1.2;
   transition: color 150ms ease;
@@ -2485,7 +2485,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
 }
 .canopy-diagram__grid h3 {
   margin: 0 0 0.382rem;
-  font-weight: 600;
+  font-weight: 500;
   text-align: center;
   color: var(--color-accent-default);
 }
@@ -2580,7 +2580,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
 .canopy-timeline__title {
   margin: 0;
   font-size: 1.382rem;
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .canopy-timeline__description {
@@ -2593,7 +2593,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
   margin: 0;
   color: var(--color-accent-default);
   font-size: 1.382rem;
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .canopy-timeline__body {
@@ -2697,7 +2697,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
 .canopy-timeline__group-point-title {
   display: block;
   font-size: 1rem;
-  font-weight: 600;
+  font-weight: 500;
   color: var(--color-gray-900);
   margin-top: 0.382rem 0;
 }
@@ -2771,7 +2771,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
   background: transparent;
   border: none;
   color: var(--color-accent-default);
-  font-weight: 600;
+  font-weight: 500;
   cursor: pointer;
 }
 
@@ -2941,7 +2941,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
   text-decoration: none;
   color: inherit;
   font-size: 1rem;
-  font-weight: 600;
+  font-weight: 500;
   margin: 0.38rem 0;
 }
 .canopy-map__popup-summary {
@@ -2956,7 +2956,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
   gap: 0.25rem;
   align-items: center;
   color: var(--color-accent-600);
-  font-weight: 600;
+  font-weight: 500;
   text-decoration: none;
 }
 .canopy-map__popup-manifests {
@@ -2965,7 +2965,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
 .canopy-map__popup-manifests-title {
   margin: 0 0 0.25rem;
   font-size: 0.75rem;
-  font-weight: 600;
+  font-weight: 500;
   letter-spacing: 0.05em;
   text-transform: uppercase;
   color: var(--color-gray-muted);
@@ -2983,7 +2983,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
   padding: 0;
 }
 .canopy-map__popup-manifests-link, .canopy-map__popup-manifests-text {
-  font-weight: 600;
+  font-weight: 500;
   text-decoration: none;
   display: inline-flex;
   align-items: center;
@@ -3087,7 +3087,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
 .canopy-map__cluster {
   font-size: 0.8333rem;
   font-family: var(--font-sans);
-  font-weight: 600;
+  font-weight: 500;
   width: 40px;
   height: 40px;
   border-radius: 999px;
@@ -3192,7 +3192,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
   color: var(--color-gray-muted);
 }
 .canopy-gallery__title-text {
-  font-weight: 600;
+  font-weight: 500;
   font-size: 1.05rem;
   line-height: 1.3;
   color: var(--color-gray-900);
@@ -3326,7 +3326,7 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
   background: var(--color-accent-100);
   border-radius: 999px;
   padding: 0.35rem 1.25rem;
-  font-weight: 600;
+  font-weight: 500;
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -3445,7 +3445,7 @@ body[data-canopy-gallery-locked="1"] {
   border-radius: 0.75rem;
   background: rgba(255, 255, 255, 0.85);
   font-size: 1.25rem;
-  font-weight: 600;
+  font-weight: 500;
   cursor: pointer;
   display: inline-flex;
   align-items: center;