@arbidocs/blocks 0.3.111 → 0.3.112

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arbidocs/blocks",
3
- "version": "0.3.111",
3
+ "version": "0.3.112",
4
4
  "description": "Composable AI-native back-office blocks on top of @arbidocs/react — prompt library, theme system, shell, builders and vertical primitives.",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -27,8 +27,8 @@
27
27
  "typecheck": "tsc --noEmit"
28
28
  },
29
29
  "dependencies": {
30
- "@arbidocs/react": "0.3.111",
31
- "@arbidocs/sdk": "0.3.111",
30
+ "@arbidocs/react": "0.3.112",
31
+ "@arbidocs/sdk": "0.3.112",
32
32
  "ag-grid-community": "^35.3.0",
33
33
  "ag-grid-react": "^35.3.0",
34
34
  "class-variance-authority": "^0.7.1",
@@ -3,24 +3,25 @@
3
3
  * (studio-owned CSS) rather than in the app's global stylesheet. */
4
4
  @import "@measured/puck/puck.css";
5
5
 
6
- /* Keep the Puck canvas on a warm surface so previews read true, and repaint
7
- * Puck's default azure accent as emerald so the editor chrome matches a sensible
8
- * brand default (buttons, selected outlines, focus rings). The scale keeps
9
- * Puck's light→dark ordering so contrast stays legible. */
6
+ /* Repaint Puck's default azure accent as the firm's own `--color-primary` so the
7
+ * editor chrome (buttons, selected outlines, focus rings) themes with whatever
8
+ * firm consumes the builder — no hardcoded brand colour. The ramp is derived from
9
+ * `--color-primary` via `color-mix`, keeping Puck's dark→light 01→12 ordering so
10
+ * contrast stays legible on any palette. */
10
11
  .al-studio {
11
- --puck-color-grey-01: var(--color-ink);
12
- --puck-color-azure-01: #052a20;
13
- --puck-color-azure-02: #083a2c;
14
- --puck-color-azure-03: #0b4a39;
15
- --puck-color-azure-04: #0f5a46; /* brand emerald — primary actions */
16
- --puck-color-azure-05: #1f7d61; /* primary hover/active */
17
- --puck-color-azure-06: #4f9d84;
18
- --puck-color-azure-07: #79b6a3;
19
- --puck-color-azure-08: #a6cdc0;
20
- --puck-color-azure-09: #cbe3d9;
21
- --puck-color-azure-10: #e2ede8; /* emerald-soft */
22
- --puck-color-azure-11: #eef5f1;
23
- --puck-color-azure-12: #f5faf7;
12
+ --puck-color-grey-01: var(--color-foreground);
13
+ --puck-color-azure-01: color-mix(in srgb, var(--color-primary) 70%, #000);
14
+ --puck-color-azure-02: color-mix(in srgb, var(--color-primary) 80%, #000);
15
+ --puck-color-azure-03: color-mix(in srgb, var(--color-primary) 90%, #000);
16
+ --puck-color-azure-04: var(--color-primary); /* primary actions */
17
+ --puck-color-azure-05: color-mix(in srgb, var(--color-primary) 85%, #fff); /* hover/active */
18
+ --puck-color-azure-06: color-mix(in srgb, var(--color-primary) 65%, #fff);
19
+ --puck-color-azure-07: color-mix(in srgb, var(--color-primary) 50%, #fff);
20
+ --puck-color-azure-08: color-mix(in srgb, var(--color-primary) 35%, #fff);
21
+ --puck-color-azure-09: color-mix(in srgb, var(--color-primary) 22%, #fff);
22
+ --puck-color-azure-10: color-mix(in srgb, var(--color-primary) 12%, #fff);
23
+ --puck-color-azure-11: color-mix(in srgb, var(--color-primary) 7%, #fff);
24
+ --puck-color-azure-12: color-mix(in srgb, var(--color-primary) 4%, #fff);
24
25
  height: 100vh;
25
26
  display: flex;
26
27
  flex-direction: column;
@@ -47,7 +48,7 @@
47
48
  color: var(--color-foreground);
48
49
  }
49
50
  .al-ai-field__input:focus {
50
- outline: 2px solid var(--color-emerald);
51
+ outline: 2px solid var(--color-primary);
51
52
  outline-offset: 1px;
52
53
  }
53
54
  .al-ai-field__btn {