@djangocfg/ui-core 2.1.302 → 2.1.303

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": "@djangocfg/ui-core",
3
- "version": "2.1.302",
3
+ "version": "2.1.303",
4
4
  "description": "Pure React UI component library without Next.js dependencies - for Electron, Vite, CRA apps",
5
5
  "keywords": [
6
6
  "ui-components",
@@ -91,7 +91,7 @@
91
91
  "playground": "playground dev"
92
92
  },
93
93
  "peerDependencies": {
94
- "@djangocfg/i18n": "^2.1.302",
94
+ "@djangocfg/i18n": "^2.1.303",
95
95
  "consola": "^3.4.2",
96
96
  "lucide-react": "^0.545.0",
97
97
  "moment": "^2.30.1",
@@ -159,9 +159,9 @@
159
159
  "vaul": "1.1.2"
160
160
  },
161
161
  "devDependencies": {
162
- "@djangocfg/i18n": "^2.1.302",
162
+ "@djangocfg/i18n": "^2.1.303",
163
163
  "@djangocfg/playground": "workspace:*",
164
- "@djangocfg/typescript-config": "^2.1.302",
164
+ "@djangocfg/typescript-config": "^2.1.303",
165
165
  "@types/node": "^24.7.2",
166
166
  "@types/react": "^19.1.0",
167
167
  "@types/react-dom": "^19.1.0",
@@ -38,6 +38,17 @@
38
38
  --input: 0 0% 15%;
39
39
  --ring: 189 100% 50%;
40
40
 
41
+ /* Code surface — see light.css for the rationale. On dark we want
42
+ * a panel slightly elevated from `--background` (4%) but below
43
+ * `--popover` (12%); 9% sits in the sweet spot — visible block but
44
+ * not a heavy "second card" feel. Inline code uses the same hue at
45
+ * a touch lighter so chips read as recessed, not as buttons. */
46
+ --code: 0 0% 9%;
47
+ --code-foreground: 0 0% 92%;
48
+ --code-border: 0 0% 18%;
49
+ --code-inline: 0 0% 14%;
50
+ --code-inline-foreground: 0 0% 92%;
51
+
41
52
  /* Sidebar Dark Theme - Darker black sidebar */
42
53
  --sidebar-background: 0 0% 0%;
43
54
  --sidebar-foreground: 0 0% 98%;
@@ -34,6 +34,22 @@
34
34
  --ring: 192 90% 35%;
35
35
  --radius: 0.5rem;
36
36
 
37
+ /* Code surface — used by markdown code fences, terminal blocks,
38
+ * any "this is code, not prose" panel. Single source of truth so
39
+ * the colour is consistent across MarkdownMessage / PrettyCode /
40
+ * embedded log views and doesn't drift per-component.
41
+ *
42
+ * Light: a soft warm-gray (~#f3f3f3) that sits visibly inside a
43
+ * white card without heavy contrast. Foreground stays near-black
44
+ * for body legibility. Border keeps the panel anchored.
45
+ * Inline code shares the same surface for chip-on-chip cohesion.
46
+ */
47
+ --code: 0 0% 96%;
48
+ --code-foreground: 0 0% 12%;
49
+ --code-border: 0 0% 88%;
50
+ --code-inline: 0 0% 93%;
51
+ --code-inline-foreground: 0 0% 14%;
52
+
37
53
  /* Sidebar Light Theme - Subtle gray background */
38
54
  --sidebar-background: 0 0% 98%;
39
55
  --sidebar-foreground: 0 0% 9%;
@@ -37,6 +37,15 @@
37
37
  --color-white: #ffffff;
38
38
  --color-warning: hsl(var(--warning));
39
39
 
40
+ /* Code surface tokens — single source of truth for any "this is
41
+ * code, not prose" panel (markdown fences, inline code, terminal
42
+ * blocks). See light.css / dark.css for the per-theme values. */
43
+ --color-code: hsl(var(--code));
44
+ --color-code-foreground: hsl(var(--code-foreground));
45
+ --color-code-border: hsl(var(--code-border));
46
+ --color-code-inline: hsl(var(--code-inline));
47
+ --color-code-inline-foreground: hsl(var(--code-inline-foreground));
48
+
40
49
  /* Sidebar colors */
41
50
  --color-sidebar-background: hsl(var(--sidebar-background));
42
51
  /* Shorthand used by shadcn sidebar (`bg-sidebar` / `text-sidebar`) — same surface as sidebar-background */