@canopy-iiif/app 0.8.2 → 0.8.4

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 (37) hide show
  1. package/lib/AGENTS.md +1 -1
  2. package/lib/build/build.js +10 -0
  3. package/lib/build/dev.js +87 -40
  4. package/lib/build/iiif.js +124 -43
  5. package/lib/build/mdx.js +14 -4
  6. package/lib/build/pages.js +23 -9
  7. package/lib/build/runtimes.js +6 -6
  8. package/lib/build/search.js +7 -10
  9. package/lib/build/verify.js +9 -9
  10. package/lib/components/featured.js +17 -3
  11. package/lib/components/navigation.js +308 -0
  12. package/lib/page-context.js +14 -0
  13. package/lib/search/search-app.jsx +2 -2
  14. package/lib/search/{command-runtime.js → search-form-runtime.js} +9 -9
  15. package/lib/search/search.js +2 -2
  16. package/package.json +1 -1
  17. package/ui/dist/index.mjs +76 -63
  18. package/ui/dist/index.mjs.map +3 -3
  19. package/ui/dist/server.mjs +170 -67
  20. package/ui/dist/server.mjs.map +4 -4
  21. package/ui/styles/base/_common.scss +19 -6
  22. package/ui/styles/base/_heading.scss +17 -0
  23. package/ui/styles/base/index.scss +2 -1
  24. package/ui/styles/components/_sub-navigation.scss +76 -0
  25. package/ui/styles/components/header/_header.scss +13 -0
  26. package/ui/styles/components/header/_logo.scss +20 -0
  27. package/ui/styles/components/header/_navbar.scss +15 -0
  28. package/ui/styles/components/header/index.scss +3 -0
  29. package/ui/styles/components/index.scss +5 -4
  30. package/ui/styles/components/search/_filters.scss +265 -0
  31. package/ui/styles/components/search/_form.scss +171 -0
  32. package/ui/styles/components/search/_results.scss +158 -0
  33. package/ui/styles/components/search/index.scss +3 -0
  34. package/ui/styles/index.css +584 -71
  35. package/ui/styles/variables.scss +15 -5
  36. package/ui/styles/components/_command.scss +0 -164
  37. package/ui/styles/components/_header.scss +0 -0
package/ui/styles/components/search/_results.scss ADDED
@@ -0,0 +1,158 @@
1
+ @use "../../variables" as *;
2
+
3
+ .canopy-search-tabs-wrapper {
4
+ display: flex;
5
+ flex-wrap: wrap;
6
+ align-items: center;
7
+ justify-content: space-between;
8
+ }
9
+
10
+ .canopy-search-results {
11
+ padding: 1.618rem;
12
+ }
13
+
14
+ .canopy-search-tabs {
15
+ display: flex;
16
+ align-items: center;
17
+ gap: 0.5rem;
18
+ margin-bottom: 1rem;
19
+
20
+ button {
21
+ background: none;
22
+ border: none;
23
+ padding: 0.382rem 0.618rem;
24
+ font-size: 1rem;
25
+ cursor: pointer;
26
+ color: $color-gray-600;
27
+ transition: all 0.2s ease-in-out;
28
+
29
+ &.active,
30
+ &:hover {
31
+ color: $color-brand-default;
32
+ background-color: $color-brand-100;
33
+ border-radius: 0.382rem;
34
+ font-weight: 400;
35
+ }
36
+ }
37
+ }
38
+
39
+ .canopy-search-form-modal {
40
+ .canopy-search-form-modal__trigger {
41
+ display: inline-flex;
42
+ align-items: center;
43
+ gap: 0.25rem;
44
+ padding: 0.25rem 0.5rem;
45
+ border: 1px solid #e5e7eb;
46
+ color: #374151;
47
+ background: #fff;
48
+ border-radius: 6px;
49
+ cursor: pointer;
50
+ }
51
+
52
+ .canopy-search-form-modal__overlay {
53
+ position: fixed;
54
+ inset: 0;
55
+ display: none;
56
+ align-items: flex-start;
57
+ justify-content: center;
58
+ background: rgba(0, 0, 0, 0.3);
59
+ z-index: 9999;
60
+ padding-top: 10vh;
61
+ }
62
+
63
+ .canopy-search-form-modal__panel {
64
+ position: relative;
65
+ background: #fff;
66
+ min-width: 320px;
67
+ max-width: 720px;
68
+ width: 90%;
69
+ border-radius: 8px;
70
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
71
+ overflow: hidden;
72
+ font-family: var(
73
+ --canopy-font-sans,
74
+ system-ui,
75
+ -apple-system,
76
+ "Segoe UI",
77
+ "Helvetica Neue",
78
+ Helvetica,
79
+ Arial,
80
+ sans-serif
81
+ );
82
+ }
83
+
84
+ .canopy-search-form-modal__close {
85
+ position: absolute;
86
+ top: 8px;
87
+ right: 8px;
88
+ border: 1px solid #e5e7eb;
89
+ background: #fff;
90
+ border-radius: 6px;
91
+ padding: 2px 6px;
92
+ cursor: pointer;
93
+ }
94
+
95
+ .canopy-search-form-modal__inputWrap {
96
+ padding: 10px 12px;
97
+ border-bottom: 1px solid #e5e7eb;
98
+ }
99
+
100
+ .canopy-search-form-modal__input {
101
+ width: 100%;
102
+ padding: 8px 10px;
103
+ border: 1px solid #e5e7eb;
104
+ border-radius: 6px;
105
+ outline: none;
106
+ }
107
+
108
+ .canopy-search-form-modal__list {
109
+ max-height: 50vh;
110
+ overflow: auto;
111
+ padding: 6px 0;
112
+ }
113
+
114
+ .canopy-search-form-modal__item {
115
+ display: flex;
116
+ align-items: center;
117
+ gap: 8px;
118
+ }
119
+
120
+ .canopy-search-form-modal__thumb {
121
+ width: 40px;
122
+ height: 40px;
123
+ object-fit: cover;
124
+ border-radius: 4px;
125
+ }
126
+
127
+ .canopy-search-form-modal__title {
128
+ font-size: var(--font-size-sm, 0.875rem);
129
+ line-height: var(--line-height-sm, 1.25rem);
130
+ color: var(--color-gray-900, #121418);
131
+ font-weight: 500;
132
+ }
133
+ }
134
+
135
+ [data-canopy-search-form-panel] {
136
+ display: none;
137
+ }
138
+
139
+ .canopy-search-teaser {
140
+ position: absolute;
141
+ left: 0;
142
+ right: 0;
143
+ top: calc(100% + 4px);
144
+ background: #fff;
145
+ border: 1px solid #e5e7eb;
146
+ border-radius: 8px;
147
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
148
+ z-index: 1000;
149
+ overflow: auto;
150
+ max-height: 60vh;
151
+ padding: 0.5rem 0;
152
+ display: none;
153
+ }
154
+
155
+ .relative[data-canopy-search-form-auto="1"]:focus-within
156
+ [data-canopy-search-form-panel] {
157
+ display: block;
158
+ }
package/ui/styles/components/search/index.scss ADDED
@@ -0,0 +1,3 @@
1
+ @use './form';
2
+ @use './results';
3
+ @use './filters';