WorkRoot/WRNexusJS
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

release: WRNexusJS 0.2.57

Browse Source
This commit is contained in:
Clintchiz
2026-07-19 17:45:13 +05:30
parent 14e2878417
commit c0c09426ff
65 changed files with 487 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@wrnexus/ui",
"version": "0.2.56",
"version": "0.2.57",
"private": true,
"type": "module",
"main": "src/index.ts",
packages/ui/test/ui.test.ts
+3
View File
@@ -62,6 +62,9 @@ test("component-system CSS includes responsive, theme-token, focus, and reduced-
expect(css).toContain("@keyframes wire-component-enter");
expect(css).toContain("@keyframes wire-dialog-enter");
expect(css).toContain("@media (hover: hover) and (pointer: fine)");
expect(css).toContain("--color-violet-600: var(--wire-color-primary)");
expect(css).toContain("--color-blue-600: var(--wire-color-info)");
expect(css).toContain("--color-red-600: var(--wire-color-danger)");
});
test.each(uiComponentNames())("bundled UI component %s compiles", (name) => {
packages/ui/ui.css
+50 -4
View File
@@ -233,15 +233,15 @@
}
.wire-badge--success {
background: var(--wire-color-success);
color: #05210f;
color: var(--wire-color-primary-contrast);
}
.wire-badge--danger {
background: var(--wire-color-danger);
color: #fff;
color: var(--wire-color-primary-contrast);
}
.wire-badge--warning {
background: var(--wire-color-warning);
color: #201400;
color: var(--wire-color-primary-contrast);
}
/* --- Alert ---------------------------------------------------------------- */
@@ -264,7 +264,7 @@
color: var(--wire-color-muted);
}
.wire-alert--info {
border-left-color: var(--wire-color-primary);
border-left-color: var(--wire-color-info);
}
.wire-alert--success {
border-left-color: var(--wire-color-success);
@@ -950,6 +950,52 @@
--wire-ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
}
/* Tailwind v4 color bridge. Existing utility-authored components inherit the
* configured semantic palette without requiring generated per-palette markup. */
[data-component] {
--color-violet-50: color-mix(in srgb, var(--wire-color-primary) 7%, white);
--color-violet-100: color-mix(in srgb, var(--wire-color-primary) 14%, white);
--color-violet-200: color-mix(in srgb, var(--wire-color-primary) 25%, white);
--color-violet-300: color-mix(in srgb, var(--wire-color-primary) 42%, white);
--color-violet-400: color-mix(in srgb, var(--wire-color-primary) 72%, white);
--color-violet-500: var(--wire-color-primary);
--color-violet-600: var(--wire-color-primary);
--color-violet-700: var(--wire-color-primary-hover);
--color-violet-800: color-mix(in srgb, var(--wire-color-primary-hover) 82%, black);
--color-violet-900: color-mix(in srgb, var(--wire-color-primary-hover) 65%, black);
--color-violet-950: color-mix(in srgb, var(--wire-color-primary-hover) 42%, black);
--color-indigo-50: var(--color-violet-50);
--color-indigo-100: var(--color-violet-100);
--color-indigo-200: var(--color-violet-200);
--color-indigo-300: var(--color-violet-300);
--color-indigo-400: var(--color-violet-400);
--color-indigo-500: var(--color-violet-500);
--color-indigo-600: var(--color-violet-600);
--color-indigo-700: var(--color-violet-700);
--color-indigo-800: var(--color-violet-800);
--color-indigo-900: var(--color-violet-900);
--color-indigo-950: var(--color-violet-950);
--color-blue-500: var(--wire-color-info);
--color-blue-600: var(--wire-color-info);
--color-blue-700: color-mix(in srgb, var(--wire-color-info) 80%, black);
--color-emerald-500: var(--wire-color-success);
--color-emerald-600: var(--wire-color-success);
--color-emerald-700: color-mix(in srgb, var(--wire-color-success) 80%, black);
--color-green-500: var(--wire-color-success);
--color-green-600: var(--wire-color-success);
--color-amber-500: var(--wire-color-warning);
--color-amber-600: var(--wire-color-warning);
--color-amber-700: color-mix(in srgb, var(--wire-color-warning) 80%, black);
--color-yellow-500: var(--wire-color-warning);
--color-red-400: color-mix(in srgb, var(--wire-color-danger) 75%, white);
--color-red-500: var(--wire-color-danger);
--color-red-600: var(--wire-color-danger);
--color-red-700: color-mix(in srgb, var(--wire-color-danger) 80%, black);
--color-rose-500: var(--wire-color-danger);
--color-rose-600: var(--wire-color-danger);
--color-rose-700: color-mix(in srgb, var(--wire-color-danger) 80%, black);
}
[data-component] {
animation: wire-component-enter var(--wire-motion-slow) var(--wire-ease-emphasized) both;
}