@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.mjs
CHANGED
|
@@ -82,7 +82,6 @@ var Topbar = ({
|
|
|
82
82
|
if (pageCount <= 0) return;
|
|
83
83
|
const nextPage = Math.max(1, Math.min(pageCount, isNaN(page) ? 1 : page));
|
|
84
84
|
engine.goToPage(nextPage);
|
|
85
|
-
setDocumentState({ currentPage: nextPage });
|
|
86
85
|
triggerScrollToPage(nextPage - 1);
|
|
87
86
|
};
|
|
88
87
|
const handleFileUpload = async (event) => {
|
|
@@ -124,7 +123,7 @@ var Topbar = ({
|
|
|
124
123
|
children: /* @__PURE__ */ jsxs(
|
|
125
124
|
"div",
|
|
126
125
|
{
|
|
127
|
-
className: `absolute inset-x-0 bottom-0 rounded-t-2xl border-x border-t p-4 pb-6 shadow-2xl ${isDark ? "bg-[#
|
|
126
|
+
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"}`,
|
|
128
127
|
children: [
|
|
129
128
|
/* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 h-1.5 w-10 rounded-full bg-gray-400/60" }),
|
|
130
129
|
/* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center justify-between", children: [
|
|
@@ -138,7 +137,7 @@ var Topbar = ({
|
|
|
138
137
|
/* @__PURE__ */ jsx(
|
|
139
138
|
"button",
|
|
140
139
|
{
|
|
141
|
-
className: `p-2 rounded-md ${isDark ? "text-
|
|
140
|
+
className: `p-2 rounded-md ${isDark ? "text-gray-200 hover:bg-white/10" : "text-gray-700 hover:bg-gray-100"}`,
|
|
142
141
|
onClick: () => setShowMobileMenu(false),
|
|
143
142
|
"aria-label": "Fechar menu",
|
|
144
143
|
children: /* @__PURE__ */ jsx(
|
|
@@ -166,12 +165,12 @@ var Topbar = ({
|
|
|
166
165
|
showZoomControls && /* @__PURE__ */ jsxs(
|
|
167
166
|
"div",
|
|
168
167
|
{
|
|
169
|
-
className: `rounded-xl border p-3 ${isDark ? "bg-[#
|
|
168
|
+
className: `rounded-xl border p-3 ${isDark ? "bg-[#2a2a2a] border-[#444] text-gray-100" : "bg-gray-50 border-gray-200"}`,
|
|
170
169
|
children: [
|
|
171
170
|
/* @__PURE__ */ jsx(
|
|
172
171
|
"div",
|
|
173
172
|
{
|
|
174
|
-
className: `mb-2 text-xs ${isDark ? "text-
|
|
173
|
+
className: `mb-2 text-xs ${isDark ? "text-gray-300" : "text-gray-600"}`,
|
|
175
174
|
children: "Zoom"
|
|
176
175
|
}
|
|
177
176
|
),
|
|
@@ -205,7 +204,7 @@ var Topbar = ({
|
|
|
205
204
|
/* @__PURE__ */ jsxs(
|
|
206
205
|
"span",
|
|
207
206
|
{
|
|
208
|
-
className: `text-sm font-semibold ${isDark ? "text-
|
|
207
|
+
className: `text-sm font-semibold ${isDark ? "text-gray-100" : "text-gray-800"}`,
|
|
209
208
|
children: [
|
|
210
209
|
Math.round(zoom * 100),
|
|
211
210
|
"%"
|
|
@@ -245,12 +244,12 @@ var Topbar = ({
|
|
|
245
244
|
showPageThemeSelector && /* @__PURE__ */ jsxs(
|
|
246
245
|
"div",
|
|
247
246
|
{
|
|
248
|
-
className: `rounded-xl border p-3 ${isDark ? "bg-[#
|
|
247
|
+
className: `rounded-xl border p-3 ${isDark ? "bg-[#2a2a2a] border-[#444] text-gray-100" : "bg-gray-50 border-gray-200"}`,
|
|
249
248
|
children: [
|
|
250
249
|
/* @__PURE__ */ jsx(
|
|
251
250
|
"div",
|
|
252
251
|
{
|
|
253
|
-
className: `mb-2 text-xs ${isDark ? "text-
|
|
252
|
+
className: `mb-2 text-xs ${isDark ? "text-gray-300" : "text-gray-600"}`,
|
|
254
253
|
children: "Tema da p\xE1gina"
|
|
255
254
|
}
|
|
256
255
|
),
|
|
@@ -260,7 +259,7 @@ var Topbar = ({
|
|
|
260
259
|
onClick: () => {
|
|
261
260
|
setDocumentState({ pageTheme: theme.id });
|
|
262
261
|
},
|
|
263
|
-
className: `rounded-lg border px-2 py-2 text-xs font-semibold ${pageTheme === theme.id ? "text-white" : isDark ? "text-
|
|
262
|
+
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"}`,
|
|
264
263
|
style: pageTheme === theme.id ? {
|
|
265
264
|
backgroundColor: accentColor,
|
|
266
265
|
borderColor: accentColor
|
|
@@ -278,7 +277,7 @@ var Topbar = ({
|
|
|
278
277
|
onClick: () => {
|
|
279
278
|
setDocumentState({ uiTheme: isDark ? "light" : "dark" });
|
|
280
279
|
},
|
|
281
|
-
className: `w-full rounded-xl border px-3 py-3 text-left text-sm font-medium flex items-center gap-2 ${isDark ? "bg-[#
|
|
280
|
+
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"}`,
|
|
282
281
|
children: [
|
|
283
282
|
/* @__PURE__ */ jsx(
|
|
284
283
|
"svg",
|
|
@@ -1016,7 +1015,6 @@ var SidebarLeft = ({ engine }) => {
|
|
|
1016
1015
|
active: currentPage === idx + 1,
|
|
1017
1016
|
onClick: () => {
|
|
1018
1017
|
engine.goToPage(idx + 1);
|
|
1019
|
-
setDocumentState({ currentPage: idx + 1 });
|
|
1020
1018
|
triggerScrollToPage(idx);
|
|
1021
1019
|
}
|
|
1022
1020
|
},
|