@papyrus-sdk/ui-react 0.2.22 → 0.2.23

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.
package/base.css CHANGED
@@ -13,6 +13,9 @@
13
13
  --papyrus-popover-fallback: #ffffff;
14
14
  --papyrus-shadow-fallback: rgba(15, 23, 42, 0.08);
15
15
  --papyrus-selection-bg-fallback: rgba(30, 64, 175, 0.5);
16
+ --papyrus-scrollbar-track-fallback: rgba(148, 163, 184, 0.1);
17
+ --papyrus-scrollbar-thumb-fallback: rgba(100, 116, 139, 0.45);
18
+ --papyrus-scrollbar-thumb-hover-fallback: rgba(71, 85, 105, 0.65);
16
19
  --papyrus-bg-resolved: var(--papyrus-bg, var(--papyrus-bg-fallback));
17
20
  --papyrus-surface-resolved: var(
18
21
  --papyrus-surface,
@@ -54,6 +57,18 @@
54
57
  --papyrus-selection-bg,
55
58
  var(--papyrus-selection-bg-fallback)
56
59
  );
60
+ --papyrus-scrollbar-track-resolved: var(
61
+ --papyrus-scrollbar-track,
62
+ var(--papyrus-scrollbar-track-fallback)
63
+ );
64
+ --papyrus-scrollbar-thumb-resolved: var(
65
+ --papyrus-scrollbar-thumb,
66
+ var(--papyrus-scrollbar-thumb-fallback)
67
+ );
68
+ --papyrus-scrollbar-thumb-hover-resolved: var(
69
+ --papyrus-scrollbar-thumb-hover,
70
+ var(--papyrus-scrollbar-thumb-hover-fallback)
71
+ );
57
72
  color: var(--papyrus-text-resolved);
58
73
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
59
74
  }
@@ -73,6 +88,9 @@
73
88
  --papyrus-popover-fallback: #1f1f1f;
74
89
  --papyrus-shadow-fallback: rgba(0, 0, 0, 0.4);
75
90
  --papyrus-selection-bg-fallback: rgba(96, 165, 250, 0.5);
91
+ --papyrus-scrollbar-track-fallback: rgba(15, 23, 42, 0.18);
92
+ --papyrus-scrollbar-thumb-fallback: rgba(148, 163, 184, 0.48);
93
+ --papyrus-scrollbar-thumb-hover-fallback: rgba(203, 213, 225, 0.68);
76
94
  }
77
95
 
78
96
  .papyrus-topbar,
@@ -220,10 +238,56 @@
220
238
  }
221
239
 
222
240
  .papyrus-sidebar-left .custom-scrollbar,
223
- .papyrus-sidebar-right .custom-scrollbar {
241
+ .papyrus-sidebar-right .custom-scrollbar,
242
+ .papyrus-epub-scroll-host {
224
243
  overflow-y: auto;
225
244
  }
226
245
 
246
+ /*.papyrus-theme {
247
+ --papyrus-scrollbar-thumb: rgba(255, 0, 0, 0.9);
248
+ --papyrus-scrollbar-thumb-hover: rgba(255, 0, 0, 1);
249
+ --papyrus-scrollbar-track: rgba(255, 0, 0, 0.25);
250
+ }*/
251
+
252
+ /*
253
+ .papyrus-theme .custom-scrollbar,
254
+ .papyrus-theme .papyrus-epub-scroll-host {
255
+ scrollbar-width: thin;
256
+ scrollbar-color: var(--papyrus-scrollbar-thumb-resolved)
257
+ var(--papyrus-scrollbar-track-resolved);
258
+ scrollbar-gutter: stable;
259
+ }
260
+ */
261
+ .papyrus-theme .custom-scrollbar::-webkit-scrollbar,
262
+ .papyrus-theme .papyrus-epub-scroll-host::-webkit-scrollbar {
263
+ width: 8px;
264
+ height: 8px;
265
+ }
266
+
267
+ .papyrus-theme .custom-scrollbar::-webkit-scrollbar-track,
268
+ .papyrus-theme .papyrus-epub-scroll-host::-webkit-scrollbar-track {
269
+ background: var(--papyrus-scrollbar-track-resolved);
270
+ border-radius: 999px;
271
+ }
272
+
273
+ .papyrus-theme .custom-scrollbar::-webkit-scrollbar-thumb,
274
+ .papyrus-theme .papyrus-epub-scroll-host::-webkit-scrollbar-thumb {
275
+ background: var(--papyrus-scrollbar-thumb-resolved);
276
+ border-radius: 999px;
277
+ border: 2px solid transparent;
278
+ background-clip: padding-box;
279
+ }
280
+
281
+ .papyrus-theme .custom-scrollbar::-webkit-scrollbar-thumb:hover,
282
+ .papyrus-theme .papyrus-epub-scroll-host::-webkit-scrollbar-thumb:hover {
283
+ background: var(--papyrus-scrollbar-thumb-hover-resolved);
284
+ background-clip: padding-box;
285
+ }
286
+
287
+ .papyrus-theme .papyrus-epub-scroll-host::-webkit-scrollbar-track {
288
+ background: transparent;
289
+ }
290
+
227
291
  .papyrus-viewer .page-container {
228
292
  margin-bottom: 24px;
229
293
  display: flex;
package/dist/index.d.mts CHANGED
@@ -39,6 +39,7 @@ interface PageRendererProps {
39
39
  engine: DocumentEngine;
40
40
  pageIndex: number;
41
41
  availableWidth?: number;
42
+ availableHeight?: number;
42
43
  onMeasuredSize?: (pageIndex: number, size: {
43
44
  width: number;
44
45
  height: number;
package/dist/index.d.ts CHANGED
@@ -39,6 +39,7 @@ interface PageRendererProps {
39
39
  engine: DocumentEngine;
40
40
  pageIndex: number;
41
41
  availableWidth?: number;
42
+ availableHeight?: number;
42
43
  onMeasuredSize?: (pageIndex: number, size: {
43
44
  width: number;
44
45
  height: number;