@dxos/ui-theme 0.14.0 → 0.15.0
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": "@dxos/ui-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.15.0",
|
|
4
4
|
"description": "A set of design system tokens to use with DXOS UI.",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -50,14 +50,14 @@
|
|
|
50
50
|
"tailwind-scrollbar": "^4.0.0",
|
|
51
51
|
"tailwind-variants": "^3.2.2",
|
|
52
52
|
"tailwindcss": "^4.3.0",
|
|
53
|
-
"@dxos/node-std": "0.
|
|
54
|
-
"@dxos/ui-types": "0.
|
|
53
|
+
"@dxos/node-std": "0.15.0",
|
|
54
|
+
"@dxos/ui-types": "0.15.0"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
57
|
"@storybook/react-vite": "^10.6.0",
|
|
58
58
|
"@types/postcss-import": "^14.0.3",
|
|
59
59
|
"esbuild": "0.28.2",
|
|
60
|
-
"vite": "^8.
|
|
60
|
+
"vite": "^8.3.4"
|
|
61
61
|
},
|
|
62
62
|
"peerDependencies": {
|
|
63
63
|
"react": "~19.2.7"
|
package/src/css/theme/roles.css
CHANGED
|
@@ -87,8 +87,15 @@
|
|
|
87
87
|
--color-grid-fg: light-dark(var(--color-neutral-950), var(--color-neutral-50));
|
|
88
88
|
--color-grid-line: light-dark(var(--color-neutral-200), var(--color-neutral-800));
|
|
89
89
|
--color-grid-highlight: oklch(from var(--color-emerald-500) l c h / 0.5);
|
|
90
|
-
--color-grid-
|
|
91
|
-
--color-grid-
|
|
90
|
+
--color-grid-header: light-dark(var(--color-green-200), oklch(from var(--color-green-800) l c h / 0.6));
|
|
91
|
+
--color-grid-header-fg: light-dark(var(--color-green-900), var(--color-green-100));
|
|
92
|
+
--color-grid-selection-surface: light-dark(
|
|
93
|
+
oklch(from var(--color-blue-500) l c h / 0.12),
|
|
94
|
+
oklch(from var(--color-blue-400) l c h / 0.18)
|
|
95
|
+
);
|
|
96
|
+
/* The focused cell's ring and the selected range's outline, so one never reads lighter than the other. */
|
|
97
|
+
--color-grid-focus-ring: light-dark(var(--color-blue-600), var(--color-blue-400));
|
|
98
|
+
--color-grid-selection-fg: var(--color-grid-fg);
|
|
92
99
|
--color-grid-comment: light-dark(var(--color-green-400), var(--color-green-600));
|
|
93
100
|
--color-grid-comment-active: light-dark(
|
|
94
101
|
oklch(from var(--color-green-400) l c h / 0.5),
|
package/src/main.css
CHANGED
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
* Force-emit tokens consumed by web components / .pcss files outside the
|
|
68
68
|
* Tailwind source-scan graph (e.g. lit-grid's dx-grid.pcss uses var(--color-grid-line)).
|
|
69
69
|
*/
|
|
70
|
-
@source inline('bg-grid-{surface,fg,line,highlight,comment,comment-active,selection-surface,selection-fg}');
|
|
70
|
+
@source inline('bg-grid-{surface,fg,line,highlight,header,header-fg,comment,comment-active,selection-surface,selection-fg,focus-ring}');
|
|
71
71
|
/*
|
|
72
72
|
* Sidebar surfaces alias each other (e.g. header-surface -> l0-surface); force-emit so the vars
|
|
73
73
|
* exist in apps that use the alias but not the underlying utility (e.g. devtools).
|