@papyrus-sdk/ui-react 0.2.11 → 0.2.12
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/dist/index.js +9 -11
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +9 -11
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -111,7 +111,6 @@ var Topbar = ({
|
|
|
111
111
|
if (pageCount <= 0) return;
|
|
112
112
|
const nextPage = Math.max(1, Math.min(pageCount, isNaN(page) ? 1 : page));
|
|
113
113
|
engine.goToPage(nextPage);
|
|
114
|
-
setDocumentState({ currentPage: nextPage });
|
|
115
114
|
triggerScrollToPage(nextPage - 1);
|
|
116
115
|
};
|
|
117
116
|
const handleFileUpload = async (event) => {
|
|
@@ -153,7 +152,7 @@ var Topbar = ({
|
|
|
153
152
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
154
153
|
"div",
|
|
155
154
|
{
|
|
156
|
-
className: `absolute inset-x-0 bottom-0 rounded-t-2xl border-x border-t p-4 pb-6 shadow-2xl ${isDark ? "bg-[#
|
|
155
|
+
className: `absolute inset-x-0 bottom-0 rounded-t-2xl border-x border-t p-4 pb-6 shadow-2xl ${isDark ? "bg-[#1a1a1a] border-[#333] text-white" : "bg-white border-gray-200 text-gray-900"}`,
|
|
157
156
|
children: [
|
|
158
157
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-auto mb-4 h-1.5 w-10 rounded-full bg-gray-400/60" }),
|
|
159
158
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
|
|
@@ -167,7 +166,7 @@ var Topbar = ({
|
|
|
167
166
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
168
167
|
"button",
|
|
169
168
|
{
|
|
170
|
-
className: `p-2 rounded-md ${isDark ? "text-
|
|
169
|
+
className: `p-2 rounded-md ${isDark ? "text-gray-200 hover:bg-white/10" : "text-gray-700 hover:bg-gray-100"}`,
|
|
171
170
|
onClick: () => setShowMobileMenu(false),
|
|
172
171
|
"aria-label": "Fechar menu",
|
|
173
172
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -195,12 +194,12 @@ var Topbar = ({
|
|
|
195
194
|
showZoomControls && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
196
195
|
"div",
|
|
197
196
|
{
|
|
198
|
-
className: `rounded-xl border p-3 ${isDark ? "bg-[#
|
|
197
|
+
className: `rounded-xl border p-3 ${isDark ? "bg-[#2a2a2a] border-[#444] text-gray-100" : "bg-gray-50 border-gray-200"}`,
|
|
199
198
|
children: [
|
|
200
199
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
201
200
|
"div",
|
|
202
201
|
{
|
|
203
|
-
className: `mb-2 text-xs ${isDark ? "text-
|
|
202
|
+
className: `mb-2 text-xs ${isDark ? "text-gray-300" : "text-gray-600"}`,
|
|
204
203
|
children: "Zoom"
|
|
205
204
|
}
|
|
206
205
|
),
|
|
@@ -234,7 +233,7 @@ var Topbar = ({
|
|
|
234
233
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
235
234
|
"span",
|
|
236
235
|
{
|
|
237
|
-
className: `text-sm font-semibold ${isDark ? "text-
|
|
236
|
+
className: `text-sm font-semibold ${isDark ? "text-gray-100" : "text-gray-800"}`,
|
|
238
237
|
children: [
|
|
239
238
|
Math.round(zoom * 100),
|
|
240
239
|
"%"
|
|
@@ -274,12 +273,12 @@ var Topbar = ({
|
|
|
274
273
|
showPageThemeSelector && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
275
274
|
"div",
|
|
276
275
|
{
|
|
277
|
-
className: `rounded-xl border p-3 ${isDark ? "bg-[#
|
|
276
|
+
className: `rounded-xl border p-3 ${isDark ? "bg-[#2a2a2a] border-[#444] text-gray-100" : "bg-gray-50 border-gray-200"}`,
|
|
278
277
|
children: [
|
|
279
278
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
280
279
|
"div",
|
|
281
280
|
{
|
|
282
|
-
className: `mb-2 text-xs ${isDark ? "text-
|
|
281
|
+
className: `mb-2 text-xs ${isDark ? "text-gray-300" : "text-gray-600"}`,
|
|
283
282
|
children: "Tema da p\xE1gina"
|
|
284
283
|
}
|
|
285
284
|
),
|
|
@@ -289,7 +288,7 @@ var Topbar = ({
|
|
|
289
288
|
onClick: () => {
|
|
290
289
|
setDocumentState({ pageTheme: theme.id });
|
|
291
290
|
},
|
|
292
|
-
className: `rounded-lg border px-2 py-2 text-xs font-semibold ${pageTheme === theme.id ? "text-white" : isDark ? "text-
|
|
291
|
+
className: `rounded-lg border px-2 py-2 text-xs font-semibold ${pageTheme === theme.id ? "text-white" : isDark ? "text-gray-300 border-[#444]" : "text-gray-700 border-gray-300"}`,
|
|
293
292
|
style: pageTheme === theme.id ? {
|
|
294
293
|
backgroundColor: accentColor,
|
|
295
294
|
borderColor: accentColor
|
|
@@ -307,7 +306,7 @@ var Topbar = ({
|
|
|
307
306
|
onClick: () => {
|
|
308
307
|
setDocumentState({ uiTheme: isDark ? "light" : "dark" });
|
|
309
308
|
},
|
|
310
|
-
className: `w-full rounded-xl border px-3 py-3 text-left text-sm font-medium flex items-center gap-2 ${isDark ? "bg-[#
|
|
309
|
+
className: `w-full rounded-xl border px-3 py-3 text-left text-sm font-medium flex items-center gap-2 ${isDark ? "bg-[#2a2a2a] border-[#444] text-gray-100" : "bg-gray-50 border-gray-200 text-gray-800"}`,
|
|
311
310
|
children: [
|
|
312
311
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
313
312
|
"svg",
|
|
@@ -1045,7 +1044,6 @@ var SidebarLeft = ({ engine }) => {
|
|
|
1045
1044
|
active: currentPage === idx + 1,
|
|
1046
1045
|
onClick: () => {
|
|
1047
1046
|
engine.goToPage(idx + 1);
|
|
1048
|
-
setDocumentState({ currentPage: idx + 1 });
|
|
1049
1047
|
triggerScrollToPage(idx);
|
|
1050
1048
|
}
|
|
1051
1049
|
},
|