@arbidocs/blocks 0.4.43 → 0.4.44

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.
Files changed (2) hide show
  1. package/package.json +4 -4
  2. package/src/docx/styles.css +43 -43
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arbidocs/blocks",
3
- "version": "0.4.43",
3
+ "version": "0.4.44",
4
4
  "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.",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -213,7 +213,7 @@
213
213
  "example:test:e2e": "playwright test -c examples/custom-ui/playwright.config.ts"
214
214
  },
215
215
  "dependencies": {
216
- "@arbidocs/client": "0.4.43",
216
+ "@arbidocs/client": "0.4.44",
217
217
  "@dnd-kit/core": "^6.3.1",
218
218
  "@dnd-kit/sortable": "^10.0.0",
219
219
  "@dnd-kit/utilities": "^3.2.2",
@@ -228,10 +228,10 @@
228
228
  "zustand": "^5.0.14",
229
229
  "fflate": "^0.8.2",
230
230
  "@hocuspocus/provider": "4.6.0",
231
- "@arbidocs/coedit": "0.4.43"
231
+ "@arbidocs/coedit": "0.4.44"
232
232
  },
233
233
  "peerDependencies": {
234
- "@arbidocs/react": "0.4.43",
234
+ "@arbidocs/react": "0.4.44",
235
235
  "@mdxeditor/editor": "^4.0.4",
236
236
  "@measured/puck": ">=0.20",
237
237
  "@playwright/test": ">=1.40",
package/src/docx/styles.css CHANGED
@@ -4,8 +4,8 @@
4
4
  min-height: 0;
5
5
  display: flex;
6
6
  flex-direction: column;
7
- background: var(--background);
8
- color: var(--foreground);
7
+ background: hsl(var(--background));
8
+ color: hsl(var(--foreground));
9
9
  font: inherit;
10
10
  }
11
11
  .native-docx-body {
@@ -22,7 +22,7 @@
22
22
  border-radius: 0;
23
23
  border-width: 0 0 1px;
24
24
  padding: 4px 8px;
25
- background: var(--background);
25
+ background: hsl(var(--background));
26
26
  box-shadow: none;
27
27
  }
28
28
  .native-docx-stage {
@@ -34,7 +34,7 @@
34
34
  .native-docx-viewport {
35
35
  height: 100%;
36
36
  padding-top: 8px;
37
- background: var(--muted);
37
+ background: hsl(var(--muted));
38
38
  }
39
39
  .native-docx-body .docx-paginated-surface {
40
40
  margin-top: 0;
@@ -47,8 +47,8 @@
47
47
  align-items: center;
48
48
  gap: 8px;
49
49
  padding: 8px 12px;
50
- border-top: 1px solid var(--border);
51
- background: var(--background);
50
+ border-top: 1px solid hsl(var(--border));
51
+ background: hsl(var(--background));
52
52
  font-size: 11px;
53
53
  }
54
54
  .native-docx-actions > * {
@@ -61,10 +61,10 @@
61
61
  gap: 5px;
62
62
  max-width: 45%;
63
63
  padding: 6px 8px;
64
- border: 1px solid var(--border);
64
+ border: 1px solid hsl(var(--border));
65
65
  border-radius: 8px;
66
- background: var(--background);
67
- color: var(--muted-foreground);
66
+ background: hsl(var(--background));
67
+ color: hsl(var(--muted-foreground));
68
68
  box-shadow: 0 2px 8px #0000000a;
69
69
  }
70
70
  .native-docx-actions button {
@@ -72,22 +72,22 @@
72
72
  align-items: center;
73
73
  gap: 5px;
74
74
  padding: 6px 8px;
75
- border: 1px solid var(--border);
75
+ border: 1px solid hsl(var(--border));
76
76
  border-radius: 8px;
77
- background: var(--background);
77
+ background: hsl(var(--background));
78
78
  cursor: pointer;
79
79
  font: inherit;
80
80
  box-shadow: 0 2px 8px #0000000a;
81
81
  }
82
82
  .native-docx-actions button:hover {
83
- background: var(--muted);
83
+ background: hsl(var(--muted));
84
84
  }
85
85
  .native-docx-actions button:disabled {
86
86
  opacity: 0.5;
87
87
  cursor: default;
88
88
  }
89
89
  .native-docx-actions button:focus-visible {
90
- outline: 2px solid var(--ring);
90
+ outline: 2px solid hsl(var(--ring));
91
91
  outline-offset: 2px;
92
92
  }
93
93
  .native-docx-actions .native-docx-save {
@@ -113,7 +113,7 @@
113
113
  padding: 24px;
114
114
  display: grid;
115
115
  gap: 12px;
116
- color: var(--foreground);
116
+ color: hsl(var(--foreground));
117
117
  }
118
118
  .native-docx-notice {
119
119
  position: absolute;
@@ -215,8 +215,8 @@
215
215
  align-items: center;
216
216
  flex: none;
217
217
  min-width: 0;
218
- border-bottom: 1px solid var(--border);
219
- background: var(--background);
218
+ border-bottom: 1px solid hsl(var(--border));
219
+ background: hsl(var(--background));
220
220
  }
221
221
  .native-docx-ribbon > select {
222
222
  flex: none;
@@ -225,8 +225,8 @@
225
225
  padding: 6px 4px;
226
226
  border: 0;
227
227
  border-radius: 4px;
228
- background: var(--muted);
229
- color: var(--foreground);
228
+ background: hsl(var(--muted));
229
+ color: hsl(var(--foreground));
230
230
  font: inherit;
231
231
  font-size: 12px;
232
232
  cursor: pointer;
@@ -272,7 +272,7 @@
272
272
  }
273
273
  .native-docx-ribbon-trigger:hover,
274
274
  .native-docx-ribbon-trigger[aria-expanded='true'] {
275
- background: var(--muted);
275
+ background: hsl(var(--muted));
276
276
  }
277
277
  .native-docx-ribbon-popover {
278
278
  position: absolute;
@@ -285,9 +285,9 @@
285
285
  width: 270px;
286
286
  max-width: calc(100% - 16px);
287
287
  padding: 12px;
288
- border: 1px solid var(--border);
288
+ border: 1px solid hsl(var(--border));
289
289
  border-radius: 8px;
290
- background: var(--background);
290
+ background: hsl(var(--background));
291
291
  box-shadow: 0 4px 16px #0002;
292
292
  }
293
293
  .native-docx-ribbon .docx-toolbar__button {
@@ -333,17 +333,17 @@
333
333
  right: 0;
334
334
  box-sizing: border-box;
335
335
  padding: 10px 12px;
336
- border: 1px solid var(--border);
336
+ border: 1px solid hsl(var(--border));
337
337
  border-radius: 8px;
338
- background: var(--background);
339
- color: var(--foreground);
338
+ background: hsl(var(--background));
339
+ color: hsl(var(--foreground));
340
340
  font-size: 13px;
341
341
  line-height: 1.4;
342
342
  box-shadow: 0 1px 3px rgb(0 0 0 / 0.08);
343
343
  cursor: pointer;
344
344
  }
345
345
  .native-docx-review-card[data-active] {
346
- border-color: var(--ring);
346
+ border-color: hsl(var(--ring));
347
347
  box-shadow: 0 2px 8px rgb(0 0 0 / 0.14);
348
348
  }
349
349
  .native-docx-review-card[data-resolved] {
@@ -364,7 +364,7 @@
364
364
  width: 22px;
365
365
  height: 22px;
366
366
  border-radius: 50%;
367
- background: var(--muted);
367
+ background: hsl(var(--muted));
368
368
  font-size: 10px;
369
369
  font-weight: 600;
370
370
  }
@@ -373,7 +373,7 @@
373
373
  }
374
374
  .native-docx-review-date {
375
375
  margin-left: auto;
376
- color: var(--muted-foreground);
376
+ color: hsl(var(--muted-foreground));
377
377
  font-size: 11px;
378
378
  }
379
379
  .native-docx-review-text {
@@ -384,7 +384,7 @@
384
384
  .native-docx-review-message + .native-docx-review-message {
385
385
  margin-top: 8px;
386
386
  padding-top: 8px;
387
- border-top: 1px solid var(--border);
387
+ border-top: 1px solid hsl(var(--border));
388
388
  }
389
389
  .native-docx-review-actions {
390
390
  display: flex;
@@ -396,9 +396,9 @@
396
396
  }
397
397
  .native-docx-review-card button {
398
398
  padding: 2px 8px;
399
- border: 1px solid var(--border);
399
+ border: 1px solid hsl(var(--border));
400
400
  border-radius: 6px;
401
- background: var(--background);
401
+ background: hsl(var(--background));
402
402
  font: inherit;
403
403
  cursor: pointer;
404
404
  }
@@ -417,9 +417,9 @@
417
417
  flex: 1 1 100%;
418
418
  min-width: 0;
419
419
  padding: 4px 8px;
420
- border: 1px solid var(--border);
420
+ border: 1px solid hsl(var(--border));
421
421
  border-radius: 6px;
422
- background: var(--background);
422
+ background: hsl(var(--background));
423
423
  color: inherit;
424
424
  font: inherit;
425
425
  }
@@ -430,14 +430,14 @@
430
430
  height: 20px;
431
431
  border: 0;
432
432
  border-radius: 50%;
433
- background: var(--primary);
433
+ background: hsl(var(--primary));
434
434
  opacity: 0.8;
435
435
  cursor: pointer;
436
436
  }
437
437
  .native-docx-review-empty {
438
438
  pointer-events: auto;
439
439
  margin: 8px 0;
440
- color: var(--muted-foreground);
440
+ color: hsl(var(--muted-foreground));
441
441
  font-size: 13px;
442
442
  }
443
443
  .native-docx-review-add {
@@ -446,10 +446,10 @@
446
446
  width: 20px;
447
447
  height: 20px;
448
448
  padding: 0;
449
- border: 1px solid var(--border);
449
+ border: 1px solid hsl(var(--border));
450
450
  border-radius: 50%;
451
- background: var(--background);
452
- color: var(--foreground);
451
+ background: hsl(var(--background));
452
+ color: hsl(var(--foreground));
453
453
  line-height: 1;
454
454
  cursor: pointer;
455
455
  pointer-events: auto;
@@ -469,10 +469,10 @@
469
469
  pointer-events: auto;
470
470
  margin-bottom: 8px;
471
471
  padding: 6px 8px;
472
- border: 1px solid var(--border);
472
+ border: 1px solid hsl(var(--border));
473
473
  border-radius: 8px;
474
- background: var(--background);
475
- color: var(--foreground);
474
+ background: hsl(var(--background));
475
+ color: hsl(var(--foreground));
476
476
  box-shadow: 0 1px 3px rgb(0 0 0 / 0.08);
477
477
  font-size: 12px;
478
478
  }
@@ -481,15 +481,15 @@
481
481
  }
482
482
  .native-docx-review-toolbar button {
483
483
  padding: 2px 8px;
484
- border: 1px solid var(--border);
484
+ border: 1px solid hsl(var(--border));
485
485
  border-radius: 6px;
486
- background: var(--background);
486
+ background: hsl(var(--background));
487
487
  font: inherit;
488
488
  cursor: pointer;
489
489
  }
490
490
  .native-docx-review-card:focus-visible,
491
491
  .native-docx-review-card button:focus-visible,
492
492
  .native-docx-review-toolbar button:focus-visible {
493
- outline: 2px solid var(--ring);
493
+ outline: 2px solid hsl(var(--ring));
494
494
  outline-offset: 1px;
495
495
  }