@printwithsynergy/artwork-pdf-editor 0.1.2 → 0.1.3
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.
|
@@ -39,7 +39,9 @@ export type TopBarProps = {
|
|
|
39
39
|
};
|
|
40
40
|
/**
|
|
41
41
|
* Bundled default logo. Inline SVG so the package has no external
|
|
42
|
-
* asset paths leaking into consumers.
|
|
42
|
+
* asset paths leaking into consumers. Matches the marketing site's
|
|
43
|
+
* `/logo-artwork.svg`: orange `#fc5102` rounded square with a white
|
|
44
|
+
* stylized "A" mark inside a frame.
|
|
43
45
|
*
|
|
44
46
|
* @public
|
|
45
47
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../src/components/TopBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,gEAAgE;IAChE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,sEAAsE;IACtE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;
|
|
1
|
+
{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../src/components/TopBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,gEAAgE;IAChE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,sEAAsE;IACtE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AASF;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,2CAiC9D;AAED;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,SAAwB,EACxB,aAAqB,EACrB,YAAiB,EACjB,SAAS,EACT,YAAY,EACZ,cAAsB,GACvB,EAAE,WAAW,2CAuGb"}
|
|
@@ -1,19 +1,28 @@
|
|
|
1
1
|
// SPDX-License-Identifier: AGPL-3.0-or-later
|
|
2
2
|
"use client";
|
|
3
3
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
-
const BAR_BG = "
|
|
5
|
-
const BAR_BORDER = "#
|
|
4
|
+
const BAR_BG = "rgba(15, 23, 42, 0.95)"; // slate-900/95 to match marketing nav
|
|
5
|
+
const BAR_BORDER = "#1e293b"; // slate-800
|
|
6
6
|
const BRAND = "#fc5102";
|
|
7
|
-
const
|
|
7
|
+
const TEXT_PRIMARY = "#f1f5f9"; // slate-100
|
|
8
|
+
const TEXT_MUTED = "#64748b"; // slate-500
|
|
9
|
+
const ICON_BORDER = "#334155"; // slate-700
|
|
8
10
|
/**
|
|
9
11
|
* Bundled default logo. Inline SVG so the package has no external
|
|
10
|
-
* asset paths leaking into consumers.
|
|
12
|
+
* asset paths leaking into consumers. Matches the marketing site's
|
|
13
|
+
* `/logo-artwork.svg`: orange `#fc5102` rounded square with a white
|
|
14
|
+
* stylized "A" mark inside a frame.
|
|
11
15
|
*
|
|
12
16
|
* @public
|
|
13
17
|
*/
|
|
14
|
-
export function ArtworkPdfLogo({ size =
|
|
15
|
-
|
|
16
|
-
|
|
18
|
+
export function ArtworkPdfLogo({ size = 24 }) {
|
|
19
|
+
return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1024 1024", width: size, height: size, "aria-label": "ArtworkPDF", role: "img", style: {
|
|
20
|
+
borderRadius: 4,
|
|
21
|
+
border: `1px solid ${ICON_BORDER}`,
|
|
22
|
+
background: "#020617",
|
|
23
|
+
padding: 1,
|
|
24
|
+
boxSizing: "border-box",
|
|
25
|
+
}, children: [_jsx("title", { children: "ArtworkPDF" }), _jsx("rect", { x: 18.75, y: 18.75, width: 988, height: 988, rx: 165, ry: 165, fill: BRAND }), _jsx("path", { d: "M151,224c0-34,26-60,60-60h88c22,0,40,18,40,40s-18,40-40,40h-92v537h92c22,0,40,18,40,40s-18,40-40,40h-88c-34,0-60-26-60-60V224Z", fill: "#fff" }), _jsx("path", { d: "M874,224c0-34-26-60-60-60h-88c-22,0-40,18-40,40s18,40,40,40h92v537h-92c-22,0-40,18-40,40s18,40,40,40h88c34,0,60-26,60-60V224Z", fill: "#fff" }), _jsx("path", { d: "M455,300h114l145,425h-96l-30-95h-152l-30,95h-95L455,300ZM458,560h100l-50-158L458,560Z", fill: "#fff" })] }));
|
|
17
26
|
}
|
|
18
27
|
/**
|
|
19
28
|
* Slim top bar rendered at the top of the editor. Carries only brand
|
|
@@ -27,42 +36,51 @@ export function TopBar({ logo, brandText = "artworkPDF", showDemoBadge = false,
|
|
|
27
36
|
return (_jsxs("header", { style: {
|
|
28
37
|
display: "flex",
|
|
29
38
|
alignItems: "center",
|
|
30
|
-
gap: "0.
|
|
31
|
-
padding: "0.
|
|
39
|
+
gap: "0.55rem",
|
|
40
|
+
padding: "0.45rem 0.85rem",
|
|
32
41
|
background: BAR_BG,
|
|
33
42
|
borderBottom: `1px solid ${BAR_BORDER}`,
|
|
34
43
|
flexShrink: 0,
|
|
44
|
+
backdropFilter: "blur(8px)",
|
|
35
45
|
}, children: [showMenuButton && (_jsx("button", { type: "button", "aria-label": "Open menu", onClick: onMenuToggle, style: {
|
|
36
46
|
background: "transparent",
|
|
37
|
-
border:
|
|
38
|
-
color:
|
|
47
|
+
border: "none",
|
|
48
|
+
color: TEXT_MUTED,
|
|
39
49
|
cursor: "pointer",
|
|
40
|
-
padding: "0.
|
|
50
|
+
padding: "0.25rem 0.4rem",
|
|
41
51
|
borderRadius: 4,
|
|
42
|
-
fontSize: "
|
|
52
|
+
fontSize: "1.05rem",
|
|
43
53
|
lineHeight: 1,
|
|
44
|
-
|
|
45
|
-
|
|
54
|
+
marginRight: "0.15rem",
|
|
55
|
+
}, children: "\u2630" })), resolvedLogo !== null && (_jsx("span", { style: { display: "inline-flex", alignItems: "center" }, children: resolvedLogo })), brandText !== null && (_jsxs("span", { style: {
|
|
56
|
+
fontWeight: 600,
|
|
57
|
+
color: TEXT_PRIMARY,
|
|
58
|
+
fontSize: "0.9rem",
|
|
59
|
+
letterSpacing: "-0.01em",
|
|
60
|
+
}, children: [brandText, showDemoBadge && (_jsx("span", { style: {
|
|
61
|
+
marginLeft: "0.5rem",
|
|
46
62
|
fontSize: "0.6rem",
|
|
47
|
-
background: "
|
|
63
|
+
background: "transparent",
|
|
48
64
|
border: `1px solid ${BRAND}`,
|
|
49
65
|
color: BRAND,
|
|
50
66
|
padding: "0.1rem 0.35rem",
|
|
51
67
|
borderRadius: 3,
|
|
52
68
|
verticalAlign: "middle",
|
|
53
69
|
letterSpacing: "0.08em",
|
|
70
|
+
fontWeight: 700,
|
|
54
71
|
}, children: "DEMO" }))] })), _jsx("div", { style: { flex: 1 } }), extraButtons.map((b) => {
|
|
55
72
|
const style = {
|
|
56
73
|
fontSize: "0.8rem",
|
|
57
|
-
color: b.primary ? "#fff" :
|
|
74
|
+
color: b.primary ? "#fff" : TEXT_MUTED,
|
|
58
75
|
background: b.primary ? BRAND : "transparent",
|
|
59
76
|
border: b.primary ? `1px solid ${BRAND}` : "none",
|
|
60
|
-
borderRadius:
|
|
61
|
-
padding: b.primary ? "0.
|
|
77
|
+
borderRadius: 6,
|
|
78
|
+
padding: b.primary ? "0.3rem 0.7rem" : "0.3rem 0.55rem",
|
|
62
79
|
cursor: "pointer",
|
|
63
80
|
fontFamily: "inherit",
|
|
64
81
|
textDecoration: "none",
|
|
65
|
-
fontWeight: b.primary ? 600 :
|
|
82
|
+
fontWeight: b.primary ? 600 : 500,
|
|
83
|
+
transition: "color 0.12s",
|
|
66
84
|
};
|
|
67
85
|
return b.href ? (_jsx("a", { href: b.href, target: b.target ?? "_self", rel: b.target === "_blank" ? "noopener noreferrer" : undefined, onClick: b.onClick, style: style, children: b.label }, `${b.label}-${b.href}`)) : (_jsx("button", { type: "button", onClick: b.onClick, style: style, children: b.label }, b.label));
|
|
68
86
|
}), rightSlot] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopBar.js","sourceRoot":"","sources":["../../src/components/TopBar.tsx"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,YAAY,CAAC;;AA2Cb,MAAM,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"TopBar.js","sourceRoot":"","sources":["../../src/components/TopBar.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@printwithsynergy/artwork-pdf-editor",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"description": "artworkPDF WYSIWYG editor as a host-customizable React component. Drop-in mountable in Next.js, Astro, Remix, etc.",
|
|
5
5
|
"license": "AGPL-3.0-or-later",
|
|
6
6
|
"type": "module",
|