@papyrus-sdk/ui-react 0.2.21 → 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,
@@ -100,7 +118,7 @@
100
118
  display: none;
101
119
  }
102
120
 
103
- @media (min-width: 640px) {
121
+ @media (min-width: 640px) and (min-height: 501px) {
104
122
  .papyrus-topbar .sm\:inline {
105
123
  display: inline !important;
106
124
  }
@@ -122,7 +140,7 @@
122
140
  }
123
141
  }
124
142
 
125
- @media (max-width: 720px) {
143
+ @media (max-width: 720px), (orientation: landscape) and (max-height: 500px) {
126
144
  .papyrus-topbar {
127
145
  flex-wrap: wrap;
128
146
  height: auto;
@@ -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;