@dotit/editor 1.2.0 → 1.2.2

package/dist/style.css

@@ -790,28 +790,54 @@
   color: #555;
 }
 
-/* sign → core .it-signature: signature rule line (hairline on top). */
+/* sign → core .it-signature: name + (role · date) above a signature rule, with
+   a "Signed" badge at the line end. Structure mirrors core's renderer exactly. */
 .docs-page .tiptap .it-doc-trust--sign {
-  margin: 14px 0 10px;
-  padding: 7px 2px 5px;
+  display: flex;
+  flex-wrap: nowrap;
+  gap: 14px;
+  align-items: flex-end;
+  justify-content: space-between;
+  margin: 16px 0 8px;
+  padding: 0;
+  border: 0;
+}
+.docs-page .tiptap .it-doc-trust__body {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+}
+.docs-page .tiptap .it-doc-trust__rule {
+  display: block;
+  order: 3;
+  margin-top: 6px;
   border-top: 1px solid #111;
+  width: 100%;
+  height: 0;
 }
 .docs-page .tiptap .it-doc-trust__name {
+  order: 1;
   font-weight: 600;
   font-size: 0.95rem;
   color: #111;
 }
-.docs-page .tiptap .it-doc-trust__role {
-  font-size: 0.85rem;
-  color: #555;
+.docs-page .tiptap .it-doc-trust__meta {
+  order: 2;
+  font-size: 0.82rem;
+  color: #666;
+  margin-top: 1px;
 }
-.docs-page .tiptap .it-doc-trust__status {
+.docs-page .tiptap .it-doc-trust__badge {
+  flex-shrink: 0;
   font-size: 0.72rem;
   font-weight: 600;
-  margin-inline-start: auto;
   text-transform: uppercase;
-  letter-spacing: 0.08em;
+  letter-spacing: 0.07em;
   color: #2e7d32;
+  white-space: nowrap;
+  align-self: flex-end;
+  padding-bottom: 7px;
 }
 
 /* seal / freeze → core .it-sealed-banner: SEALED band, thin top+bottom rules. */
@@ -864,11 +890,6 @@
   margin-inline-start: auto;
   font-variant-numeric: tabular-nums;
 }
-/* sign rows: status sits at the end — date stays inline. */
-.docs-page .tiptap .it-doc-trust--sign .it-doc-trust__date {
-  margin-inline-start: 0;
-}
-
 /* ─── Template variables ({{path}}) ───────────────────────── */
 .docs-page .tiptap .it-doc-var {
   background: #eef2ff;
@@ -1291,6 +1312,16 @@
   background: rgba(220, 38, 38, 0.12);
   color: #dc2626;
 }
+.docs-trust-banner__warn {
+  margin-inline-start: auto;
+  flex-shrink: 0;
+  padding: 2px 9px;
+  border-radius: 10px;
+  font-size: 11.5px;
+  font-weight: 600;
+  background: rgba(217, 119, 6, 0.13);
+  color: #b45309;
+}
 
 .docs-props-bar {
   flex-shrink: 0;
@@ -1557,6 +1588,46 @@
   font-size: 12px;
   line-height: 1.4;
 }
+.trust-popover__warn {
+  margin-top: 7px;
+  padding: 6px 8px;
+  border-radius: 6px;
+  background: rgba(217, 119, 6, 0.1);
+  color: #b45309;
+  font-size: 11.5px;
+  font-weight: 500;
+  line-height: 1.35;
+}
+.trust-popover__help-toggle {
+  display: block;
+  width: 100%;
+  margin-top: 8px;
+  padding: 0;
+  border: none;
+  background: none;
+  text-align: start;
+  color: #1a73e8;
+  font-size: 11.5px;
+  cursor: pointer;
+}
+.trust-popover__help-toggle:hover {
+  text-decoration: underline;
+}
+.trust-popover__help {
+  margin-top: 6px;
+  padding: 8px 10px;
+  background: #f6f8fb;
+  border-radius: 6px;
+  font-size: 11.5px;
+  line-height: 1.45;
+  color: #3c4043;
+}
+.trust-popover__help p {
+  margin: 0 0 6px;
+}
+.trust-popover__help p:last-child {
+  margin-bottom: 0;
+}
 .trust-popover__divider {
   height: 1px;
   background: #ececec;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dotit/editor",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Embeddable WYSIWYG visual editor for IntentText (.it) documents — Word-like pages, ribbon, trust banner, and WYSIWYG PDF/HTML export. Drop it into any React app (ERPs, portals, back offices).",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -63,7 +63,7 @@
     "@tiptap/react": "^3.20.1",
     "@tiptap/starter-kit": "^3.20.1",
     "lucide-react": "^0.577.0",
-    "@dotit/core": "^1.2.0"
+    "@dotit/core": "^1.2.1"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",