@arbidocs/blocks 0.4.97 → 0.4.98

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arbidocs/blocks",
-  "version": "0.4.97",
+  "version": "0.4.98",
   "description": "Composable, domain-neutral UI blocks for ARBI apps, organised by capability (retrieval, facts, agents, workspaces, citations, collaboration) plus shell, theme and site primitives, on top of @arbidocs/react.",
   "type": "module",
   "main": "dist/index.cjs",
@@ -266,8 +266,8 @@
     "example:test:e2e": "playwright test -c examples/custom-ui/playwright.config.ts"
   },
   "dependencies": {
-    "@arbidocs/client": "0.4.97",
-    "@arbidocs/coedit": "0.4.97",
+    "@arbidocs/client": "0.4.98",
+    "@arbidocs/coedit": "0.4.98",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -293,7 +293,7 @@
     "zustand": "^5.0.14"
   },
   "peerDependencies": {
-    "@arbidocs/react": "0.4.97",
+    "@arbidocs/react": "0.4.98",
     "@docx-editor.dev/core": "2.28.0",
     "@docx-editor.dev/react": "2.28.0",
     "@lexical/html": "0.35.0",

package/src/docx/styles.css

@@ -966,3 +966,105 @@
   color: hsl(var(--muted-foreground));
   font-size: 13px;
 }
+
+/* House template: a dot on the style box (and on a style) that differs from the house template. */
+.native-docx-style-diverged {
+  flex: none;
+  width: 6px;
+  height: 6px;
+  margin-left: auto;
+  border-radius: 50%;
+  background: hsl(var(--warning, 38 92% 50%));
+}
+.native-docx-style-list > li {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+/* Insert › Quick Parts and Design › House template panels. */
+.native-docx-ribbon-menu:has([data-testid='docx-quick-parts']) .native-docx-ribbon-popover,
+.native-docx-ribbon-menu:has([data-testid='docx-house-template']) .native-docx-ribbon-popover {
+  width: 340px;
+  padding: 8px;
+}
+.native-docx-quick-parts {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+  max-height: 60vh;
+  overflow-y: auto;
+}
+.native-docx-quick-parts h3 {
+  margin: 0 0 4px;
+  color: hsl(var(--muted-foreground));
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+.native-docx-quick-parts ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.native-docx-quick-parts button {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  padding: 6px 8px;
+  border: 0;
+  border-radius: 4px;
+  background: transparent;
+  color: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.native-docx-quick-parts button:hover:not(:disabled) {
+  background: hsl(var(--muted));
+}
+.native-docx-quick-part-name {
+  font-size: 13px;
+  font-weight: 500;
+}
+.native-docx-quick-part-preview {
+  overflow: hidden;
+  color: hsl(var(--muted-foreground));
+  font-size: 12px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.native-docx-quick-parts-source,
+.native-docx-house-template p {
+  margin: 0;
+  color: hsl(var(--muted-foreground));
+  font-size: 12px;
+}
+.native-docx-house-template {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 100%;
+}
+.native-docx-house-template strong {
+  color: hsl(var(--foreground));
+  font-size: 13px;
+}
+.native-docx-house-template-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.native-docx-house-template-actions button {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 8px;
+  border: 1px solid hsl(var(--border));
+  border-radius: 4px;
+  background: hsl(var(--background));
+  color: inherit;
+  font-size: 12px;
+  cursor: pointer;
+}