@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/settings/_breakpoints.scss ADDED
@@ -0,0 +1,7 @@
1
+ $canopy-desktop-breakpoint: 70rem !default;
2
+
3
+ @layer base {
4
+ :root {
5
+ --canopy-desktop-breakpoint: #{$canopy-desktop-breakpoint};
6
+ }
7
+ }
package/ui/theme.js CHANGED
@@ -44,8 +44,8 @@ const STEP_MAP = {
44
44
  const AVAILABLE = new Set(
45
45
  Object.keys(radixColors).filter(
46
46
  (key) =>
47
- /^[a-z]+$/.test(key) && radixColors[key] && radixColors[key][`${key}1`]
48
- )
47
+ /^[a-z]+$/.test(key) && radixColors[key] && radixColors[key][`${key}1`],
48
+ ),
49
49
  );
50
50
 
51
51
  const APPEARANCES = new Set(["light", "dark"]);
@@ -114,7 +114,7 @@ function buildVariablesMap(brandScale, grayScale, options = {}) {
114
114
  const value = brandScale[lvl];
115
115
  if (value) vars[`--color-accent-${lvl}`] = value;
116
116
  }
117
- if (brandScale["700"]) vars["--color-accent-default"] = brandScale["700"];
117
+ if (brandScale["800"]) vars["--color-accent-default"] = brandScale["800"];
118
118
  }
119
119
  if (grayScale) {
120
120
  for (const lvl of LEVELS) {
@@ -122,15 +122,15 @@ function buildVariablesMap(brandScale, grayScale, options = {}) {
122
122
  if (value) vars[`--color-gray-${lvl}`] = value;
123
123
  }
124
124
  if (grayScale["900"]) vars["--color-gray-default"] = grayScale["900"];
125
- if (grayScale["600"]) vars["--color-gray-muted"] = grayScale["600"];
125
+ if (grayScale["800"]) vars["--color-gray-muted"] = grayScale["800"];
126
126
  }
127
127
  if (brandScale && grayScale) {
128
- if (brandScale["700"])
129
- vars["--colors-accent"] = `${brandScale["700"]} !important`;
130
128
  if (brandScale["800"])
131
- vars["--colors-accentAlt"] = `${brandScale["800"]} !important`;
132
- if (brandScale["400"])
133
- vars["--colors-accentMuted"] = `${brandScale["400"]} !important`;
129
+ vars["--colors-accent"] = `${brandScale["800"]} !important`;
130
+ if (brandScale["900"])
131
+ vars["--colors-accentAlt"] = `${brandScale["900"]} !important`;
132
+ if (brandScale["600"])
133
+ vars["--colors-accentMuted"] = `${brandScale["600"]} !important`;
134
134
  if (grayScale["900"]) {
135
135
  const primary = `${grayScale["900"]} !important`;
136
136
  vars["--colors-primary"] = primary;