@canopy-iiif/app 1.6.18 → 1.6.19

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 (5) hide show
  1. package/lib/components/navigation.js +2 -1
  2. package/package.json +1 -1
  3. package/ui/styles/components/_image-story.scss +53 -0
  4. package/ui/styles/components/index.scss +1 -0
  5. package/ui/styles/index.css +46 -0
package/lib/components/navigation.js CHANGED
@@ -41,7 +41,8 @@ function slugFromRelative(relativePath) {
41
41
  function pageSortKey(relativePath) {
42
42
  const normalized = normalizeRelativePath(relativePath).toLowerCase();
43
43
  if (!normalized) return "";
44
- return normalized.replace(/(^|\/)index\.mdx$/i, "$1-index.mdx");
44
+ const withoutExtension = normalized.replace(/\.mdx$/i, "");
45
+ return withoutExtension.replace(/(^|\/)index$/i, "$1-index");
45
46
  }
46
47
 
47
48
  function extractTitleSafe(raw) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@canopy-iiif/app",
3
- "version": "1.6.18",
3
+ "version": "1.6.19",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "author": "Mat Jordan <mat@northwestern.edu>",
package/ui/styles/components/_image-story.scss ADDED
@@ -0,0 +1,53 @@
1
+ .canopy-image-story.storiiies-viewer {
2
+ --storiiies-viewer-container-bg: var(--color-gray-200);
3
+ --storiiies-viewer-font-family: var(--default-font-family);
4
+ --storiiies-viewer-font-size: 1rem;
5
+ --storiiies-viewer-title-font-size: 1.222rem;
6
+ --storiiies-viewer-fg: var(--color-gray-900);
7
+ --storiiies-viewer-bg: var(--color-gray-50);
8
+ --storiiies-viewer-outer-spacing: 1rem;
9
+ --storiiies-viewer-line-height: unset;
10
+ --storiiies-viewer-col-gap: 0.618rem;
11
+ --storiiies-viewer-row-gap: 0.618rem;
12
+ --storiiies-viewer-button-bg: var(--color-accent-default);
13
+ --storiiies-viewer-button-fg: var(--color-gray-50);
14
+
15
+ border-radius: 0.5rem;
16
+ position: relative;
17
+ display: block;
18
+ overflow: hidden;
19
+ box-shadow: inset 0 0 0 1px #0000000d;
20
+
21
+ .storiiies-viewer__info-text {
22
+ margin-top: 1.618rem;
23
+ }
24
+
25
+ p {
26
+ font-size: var(--storiiies-viewer-font-size);
27
+ color: var(--color-gray-800);
28
+ }
29
+
30
+ .storiiies-viewer__text-section {
31
+ font-weight: 300;
32
+
33
+ strong {
34
+ display: none;
35
+ }
36
+
37
+ &.storiiies-viewer__title {
38
+ font-size: var(--storiiies-viewer-title-font-size);
39
+ font-weight: 600;
40
+ color: var(--color-gray-900);
41
+ }
42
+ }
43
+
44
+ .storiiies-viewer__info-area {
45
+ border-radius: 0.5rem;
46
+ box-shadow: 5px 5px 21px #0001;
47
+ font-weight: 300;
48
+ }
49
+
50
+ &[data-canopy-image-story] {
51
+ min-height: 320px;
52
+ }
53
+ }
package/ui/styles/components/index.scss CHANGED
@@ -11,6 +11,7 @@
11
11
  @use "./modal";
12
12
  @use "./interstitial-hero";
13
13
  @use "./iiif";
14
+ @use "./image-story";
14
15
  @use "./search";
15
16
  @use "./search/panel";
16
17
  @use "./sub-navigation";
package/ui/styles/index.css CHANGED
@@ -1605,6 +1605,52 @@ html.dark .clover-iiif-image-openseadragon .clover-iiif-image-openseadragon-anno
1605
1605
  filter: unset !important;
1606
1606
  }
1607
1607
 
1608
+ .canopy-image-story.storiiies-viewer {
1609
+ --storiiies-viewer-container-bg: var(--color-gray-200);
1610
+ --storiiies-viewer-font-family: var(--default-font-family);
1611
+ --storiiies-viewer-font-size: 1rem;
1612
+ --storiiies-viewer-title-font-size: 1.222rem;
1613
+ --storiiies-viewer-fg: var(--color-gray-900);
1614
+ --storiiies-viewer-bg: var(--color-gray-50);
1615
+ --storiiies-viewer-outer-spacing: 1rem;
1616
+ --storiiies-viewer-line-height: unset;
1617
+ --storiiies-viewer-col-gap: 0.618rem;
1618
+ --storiiies-viewer-row-gap: 0.618rem;
1619
+ --storiiies-viewer-button-bg: var(--color-accent-default);
1620
+ --storiiies-viewer-button-fg: var(--color-gray-50);
1621
+ border-radius: 0.5rem;
1622
+ position: relative;
1623
+ display: block;
1624
+ overflow: hidden;
1625
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.0509803922);
1626
+ }
1627
+ .canopy-image-story.storiiies-viewer .storiiies-viewer__info-text {
1628
+ margin-top: 1.618rem;
1629
+ }
1630
+ .canopy-image-story.storiiies-viewer p {
1631
+ font-size: var(--storiiies-viewer-font-size);
1632
+ color: var(--color-gray-800);
1633
+ }
1634
+ .canopy-image-story.storiiies-viewer .storiiies-viewer__text-section {
1635
+ font-weight: 300;
1636
+ }
1637
+ .canopy-image-story.storiiies-viewer .storiiies-viewer__text-section strong {
1638
+ display: none;
1639
+ }
1640
+ .canopy-image-story.storiiies-viewer .storiiies-viewer__text-section.storiiies-viewer__title {
1641
+ font-size: var(--storiiies-viewer-title-font-size);
1642
+ font-weight: 600;
1643
+ color: var(--color-gray-900);
1644
+ }
1645
+ .canopy-image-story.storiiies-viewer .storiiies-viewer__info-area {
1646
+ border-radius: 0.5rem;
1647
+ box-shadow: 5px 5px 21px rgba(0, 0, 0, 0.0666666667);
1648
+ font-weight: 300;
1649
+ }
1650
+ .canopy-image-story.storiiies-viewer[data-canopy-image-story] {
1651
+ min-height: 320px;
1652
+ }
1653
+
1608
1654
  .canopy-search-form-shell {
1609
1655
  --search-form-label-padding-x: 0.75rem;
1610
1656
  --search-form-label-padding-y: 0.625rem;