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

fix(ui): polish linked catalog cards

Browse Source
This commit is contained in:
Clintchiz
2026-07-19 21:29:25 +05:30
parent a3e21163c1
commit dcdb5e766d
56 changed files with 236 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.publish/ai/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/ai", "name": "@wrnexus/ai",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "Zero-dependency Claude (Anthropic) client for WrNexus apps.", "description": "Zero-dependency Claude (Anthropic) client for WrNexus apps.",
"license": "MIT", "license": "MIT",
.publish/authz/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/authz", "name": "@wrnexus/authz",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/authz — part of the WrNexus framework.", "description": "@wrnexus/authz — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
.publish/cli/package.json
+11 -11
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/cli", "name": "@wrnexus/cli",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/cli — part of the WrNexus framework.", "description": "@wrnexus/cli — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
@@ -28,16 +28,16 @@
"wrnexus": "./dist/index.js" "wrnexus": "./dist/index.js"
}, },
"dependencies": { "dependencies": {
"@wrnexus/core": "^0.2.62", "@wrnexus/core": "^0.2.63",
"@wrnexus/router": "^0.2.62", "@wrnexus/router": "^0.2.63",
"@wrnexus/csr": "^0.2.62", "@wrnexus/csr": "^0.2.63",
"@wrnexus/compiler": "^0.2.62", "@wrnexus/compiler": "^0.2.63",
"@wrnexus/styles": "^0.2.62", "@wrnexus/styles": "^0.2.63",
"@wrnexus/dev-server": "^0.2.62", "@wrnexus/dev-server": "^0.2.63",
"@wrnexus/ui": "^0.2.62", "@wrnexus/ui": "^0.2.63",
"@wrnexus/validation": "^0.2.62", "@wrnexus/validation": "^0.2.63",
"@wrnexus/i18n": "^0.2.62", "@wrnexus/i18n": "^0.2.63",
"@wrnexus/db": "^0.2.62" "@wrnexus/db": "^0.2.63"
}, },
"files": [ "files": [
"dist" "dist"
.publish/compiler/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/compiler", "name": "@wrnexus/compiler",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/compiler — part of the WrNexus framework.", "description": "@wrnexus/compiler — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
.publish/core/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/core", "name": "@wrnexus/core",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/core — part of the WrNexus framework.", "description": "@wrnexus/core — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
.publish/csr/package.json
+2 -2
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/csr", "name": "@wrnexus/csr",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/csr — part of the WrNexus framework.", "description": "@wrnexus/csr — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
@@ -21,7 +21,7 @@
} }
}, },
"dependencies": { "dependencies": {
"@wrnexus/core": "^0.2.62" "@wrnexus/core": "^0.2.63"
}, },
"files": [ "files": [
"dist" "dist"
.publish/db/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/db", "name": "@wrnexus/db",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/db — part of the WrNexus framework.", "description": "@wrnexus/db — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
.publish/dev-server/package.json
+13 -13
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/dev-server", "name": "@wrnexus/dev-server",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/dev-server — part of the WrNexus framework.", "description": "@wrnexus/dev-server — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
@@ -25,18 +25,18 @@
} }
}, },
"dependencies": { "dependencies": {
"@wrnexus/core": "^0.2.62", "@wrnexus/core": "^0.2.63",
"@wrnexus/router": "^0.2.62", "@wrnexus/router": "^0.2.63",
"@wrnexus/ssr": "^0.2.62", "@wrnexus/ssr": "^0.2.63",
"@wrnexus/csr": "^0.2.62", "@wrnexus/csr": "^0.2.63",
"@wrnexus/compiler": "^0.2.62", "@wrnexus/compiler": "^0.2.63",
"@wrnexus/styles": "^0.2.62", "@wrnexus/styles": "^0.2.63",
"@wrnexus/ui": "^0.2.62", "@wrnexus/ui": "^0.2.63",
"@wrnexus/validation": "^0.2.62", "@wrnexus/validation": "^0.2.63",
"@wrnexus/i18n": "^0.2.62", "@wrnexus/i18n": "^0.2.63",
"@wrnexus/db": "^0.2.62", "@wrnexus/db": "^0.2.63",
"@wrnexus/pubsub": "^0.2.62", "@wrnexus/pubsub": "^0.2.63",
"@wrnexus/uploader": "^0.2.62" "@wrnexus/uploader": "^0.2.63"
}, },
"files": [ "files": [
"dist" "dist"
.publish/encryption/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/encryption", "name": "@wrnexus/encryption",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/encryption — part of the WrNexus framework.", "description": "@wrnexus/encryption — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
.publish/helpers/package.json
+2 -2
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/helpers", "name": "@wrnexus/helpers",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "Safe convenience helpers for WrNexus request contexts and common application flows.", "description": "Safe convenience helpers for WrNexus request contexts and common application flows.",
"license": "MIT", "license": "MIT",
@@ -21,7 +21,7 @@
} }
}, },
"dependencies": { "dependencies": {
"@wrnexus/core": "^0.2.62" "@wrnexus/core": "^0.2.63"
}, },
"files": [ "files": [
"dist" "dist"
.publish/i18n/package.json
+2 -2
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/i18n", "name": "@wrnexus/i18n",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/i18n — part of the WrNexus framework.", "description": "@wrnexus/i18n — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
@@ -21,7 +21,7 @@
} }
}, },
"dependencies": { "dependencies": {
"@wrnexus/core": "^0.2.62" "@wrnexus/core": "^0.2.63"
}, },
"files": [ "files": [
"dist" "dist"
.publish/jwt/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/jwt", "name": "@wrnexus/jwt",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/jwt — part of the WrNexus framework.", "description": "@wrnexus/jwt — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
.publish/mobile/package.json
+2 -2
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/mobile", "name": "@wrnexus/mobile",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/mobile — part of the WrNexus framework.", "description": "@wrnexus/mobile — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
@@ -21,7 +21,7 @@
} }
}, },
"dependencies": { "dependencies": {
"@wrnexus/native": "^0.2.62" "@wrnexus/native": "^0.2.63"
}, },
"files": [ "files": [
"dist" "dist"
.publish/native/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/native", "name": "@wrnexus/native",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/native — part of the WrNexus framework.", "description": "@wrnexus/native — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
.publish/oauth/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/oauth", "name": "@wrnexus/oauth",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/oauth — part of the WrNexus framework.", "description": "@wrnexus/oauth — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
.publish/pubsub/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/pubsub", "name": "@wrnexus/pubsub",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/pubsub — part of the WrNexus framework.", "description": "@wrnexus/pubsub — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
.publish/queue/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/queue", "name": "@wrnexus/queue",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/queue — part of the WrNexus framework.", "description": "@wrnexus/queue — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
.publish/reactive/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/reactive", "name": "@wrnexus/reactive",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/reactive — part of the WrNexus framework.", "description": "@wrnexus/reactive — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
.publish/router/package.json
+3 -3
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/router", "name": "@wrnexus/router",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/router — part of the WrNexus framework.", "description": "@wrnexus/router — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
@@ -21,8 +21,8 @@
} }
}, },
"dependencies": { "dependencies": {
"@wrnexus/compiler": "^0.2.62", "@wrnexus/compiler": "^0.2.63",
"@wrnexus/core": "^0.2.62" "@wrnexus/core": "^0.2.63"
}, },
"files": [ "files": [
"dist" "dist"
.publish/ssr/package.json
+2 -2
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/ssr", "name": "@wrnexus/ssr",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/ssr — part of the WrNexus framework.", "description": "@wrnexus/ssr — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
@@ -21,7 +21,7 @@
} }
}, },
"dependencies": { "dependencies": {
"@wrnexus/core": "^0.2.62" "@wrnexus/core": "^0.2.63"
}, },
"files": [ "files": [
"dist" "dist"
.publish/styles/package.json
+2 -2
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/styles", "name": "@wrnexus/styles",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/styles — part of the WrNexus framework.", "description": "@wrnexus/styles — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
@@ -21,7 +21,7 @@
} }
}, },
"dependencies": { "dependencies": {
"@wrnexus/uploader": "^0.2.62" "@wrnexus/uploader": "^0.2.63"
}, },
"files": [ "files": [
"dist" "dist"
.publish/test/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/test", "name": "@wrnexus/test",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/test — part of the WrNexus framework.", "description": "@wrnexus/test — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
.publish/tracking/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/tracking", "name": "@wrnexus/tracking",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/tracking — part of the WrNexus framework.", "description": "@wrnexus/tracking — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
.publish/ui/package.json
+2 -2
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/ui", "name": "@wrnexus/ui",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/ui — part of the WrNexus framework.", "description": "@wrnexus/ui — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
@@ -25,7 +25,7 @@
"./ui.css": "./ui.css" "./ui.css": "./ui.css"
}, },
"dependencies": { "dependencies": {
"@wrnexus/core": "^0.2.62" "@wrnexus/core": "^0.2.63"
}, },
"files": [ "files": [
"dist", "dist",
.publish/ui/ui.css
+70 -2
View File
@@ -1338,30 +1338,98 @@
.wire-muted { .wire-muted {
color: var(--wire-color-muted); color: var(--wire-color-muted);
} }
.wire-visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.wire-catalog-card { .wire-catalog-card {
position: relative; position: relative;
display: grid; display: grid;
gap: 0.75rem; align-content: start;
gap: 0.85rem;
min-width: 0; min-width: 0;
padding: clamp(1rem, 3vw, 1.5rem); min-height: 13rem;
overflow: hidden;
padding: clamp(1.25rem, 3vw, 1.75rem);
isolation: isolate;
transition:
border-color var(--wire-motion-base) var(--wire-ease-standard),
box-shadow var(--wire-motion-base) var(--wire-ease-standard),
transform var(--wire-motion-base) var(--wire-ease-emphasized);
}
.wire-catalog-card::before {
display: grid;
width: 2.75rem;
height: 2.75rem;
place-items: center;
margin-bottom: 0.35rem;
color: var(--wire-color-primary);
font-size: 1.15rem;
font-weight: 800;
border: 1px solid color-mix(in srgb, var(--wire-color-primary) 28%, transparent);
border-radius: calc(var(--wire-radius) * 0.8);
background: color-mix(in srgb, var(--wire-color-primary) 12%, transparent);
}
.wire-catalog-card--channel::before {
content: "◉";
}
.wire-catalog-card--integration::before {
content: "⌘";
}
.wire-catalog-card--campaign::before {
content: "↗";
} }
.wire-catalog-card h3, .wire-catalog-card h3,
.wire-catalog-card p { .wire-catalog-card p {
margin: 0; margin: 0;
} }
.wire-catalog-card h3 {
color: var(--wire-color-text);
font-size: clamp(1.05rem, 2vw, 1.25rem);
line-height: 1.25;
}
.wire-catalog-card p { .wire-catalog-card p {
color: var(--wire-color-muted); color: var(--wire-color-muted);
line-height: 1.6; line-height: 1.6;
} }
.wire-catalog-card:has(.wire-catalog-card__link)::after {
content: "→";
position: absolute;
right: 1.25rem;
bottom: 1.1rem;
z-index: 1;
color: var(--wire-color-primary);
font-size: 1.2rem;
font-weight: 800;
transition: transform var(--wire-motion-base) var(--wire-ease-emphasized);
}
.wire-catalog-card__link { .wire-catalog-card__link {
position: absolute; position: absolute;
inset: 0; inset: 0;
z-index: 2;
border-radius: inherit; border-radius: inherit;
} }
.wire-catalog-card__link:focus-visible { .wire-catalog-card__link:focus-visible {
outline: 2px solid var(--wire-color-primary); outline: 2px solid var(--wire-color-primary);
outline-offset: 3px; outline-offset: 3px;
} }
@media (hover: hover) and (pointer: fine) {
.wire-catalog-card:has(.wire-catalog-card__link):hover {
border-color: color-mix(in srgb, var(--wire-color-primary) 48%, var(--wire-color-border));
box-shadow: 0 1rem 2.5rem color-mix(in srgb, var(--wire-color-primary) 12%, transparent);
transform: translateY(-3px);
}
.wire-catalog-card:has(.wire-catalog-card__link):hover::after {
transform: translateX(0.25rem);
}
}
.wire-catalog-card--glass { .wire-catalog-card--glass {
background: color-mix(in srgb, var(--wire-color-surface) 80%, transparent); background: color-mix(in srgb, var(--wire-color-surface) 80%, transparent);
backdrop-filter: blur(12px); backdrop-filter: blur(12px);
.publish/uploader/package.json
+2 -2
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/uploader", "name": "@wrnexus/uploader",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/uploader — part of the WrNexus framework.", "description": "@wrnexus/uploader — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
@@ -21,7 +21,7 @@
} }
}, },
"dependencies": { "dependencies": {
"@wrnexus/core": "^0.2.62" "@wrnexus/core": "^0.2.63"
}, },
"files": [ "files": [
"dist" "dist"
.publish/validation/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/validation", "name": "@wrnexus/validation",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"description": "@wrnexus/validation — part of the WrNexus framework.", "description": "@wrnexus/validation — part of the WrNexus framework.",
"license": "MIT", "license": "MIT",
packages/ai/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/ai", "name": "@wrnexus/ai",
"version": "0.2.62", "version": "0.2.63",
"private": true, "private": true,
"type": "module", "type": "module",
"description": "Zero-dependency Claude (Anthropic) client for WrNexus apps.", "description": "Zero-dependency Claude (Anthropic) client for WrNexus apps.",
packages/authz/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/authz", "name": "@wrnexus/authz",
"version": "0.2.62", "version": "0.2.63",
"private": true, "private": true,
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
packages/cli/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/cli", "name": "@wrnexus/cli",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
"exports": { "exports": {
packages/cli/src/update.ts
+9
View File
@@ -628,6 +628,15 @@ const MIGRATIONS: Migration[] = [
// Package auto-discovery and the root-level theme aliases apply automatically. // Package auto-discovery and the root-level theme aliases apply automatically.
}, },
}, },
{
version: "0.2.63",
id: "polished-linked-catalog-cards",
description:
"Fixes visually hidden full-card links and improves channel, integration, and campaign card hierarchy and interaction.",
apply() {
// The shared UI stylesheet update applies automatically.
},
},
]; ];
/** Release tooling uses this to require an explicit migration entry per version. */ /** Release tooling uses this to require an explicit migration entry per version. */
packages/compiler/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/compiler", "name": "@wrnexus/compiler",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
"exports": { "exports": {
packages/core/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/core", "name": "@wrnexus/core",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
"exports": { "exports": {
packages/csr/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/csr", "name": "@wrnexus/csr",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
"exports": { "exports": {
packages/db/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/db", "name": "@wrnexus/db",
"version": "0.2.62", "version": "0.2.63",
"private": true, "private": true,
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
packages/dev-server/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/dev-server", "name": "@wrnexus/dev-server",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
"exports": { "exports": {
packages/encryption/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/encryption", "name": "@wrnexus/encryption",
"version": "0.2.62", "version": "0.2.63",
"private": true, "private": true,
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
packages/helpers/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/helpers", "name": "@wrnexus/helpers",
"version": "0.2.62", "version": "0.2.63",
"private": true, "private": true,
"type": "module", "type": "module",
"description": "Safe convenience helpers for WrNexus request contexts and common application flows.", "description": "Safe convenience helpers for WrNexus request contexts and common application flows.",
packages/i18n/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/i18n", "name": "@wrnexus/i18n",
"version": "0.2.62", "version": "0.2.63",
"private": true, "private": true,
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
packages/jwt/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/jwt", "name": "@wrnexus/jwt",
"version": "0.2.62", "version": "0.2.63",
"private": true, "private": true,
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
packages/mobile/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/mobile", "name": "@wrnexus/mobile",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
"exports": { "exports": {
packages/native/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/native", "name": "@wrnexus/native",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
"exports": { "exports": {
packages/oauth/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/oauth", "name": "@wrnexus/oauth",
"version": "0.2.62", "version": "0.2.63",
"private": true, "private": true,
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
packages/pubsub/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/pubsub", "name": "@wrnexus/pubsub",
"version": "0.2.62", "version": "0.2.63",
"private": true, "private": true,
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
packages/queue/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/queue", "name": "@wrnexus/queue",
"version": "0.2.62", "version": "0.2.63",
"private": true, "private": true,
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
packages/reactive/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/reactive", "name": "@wrnexus/reactive",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
"exports": { "exports": {
packages/router/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/router", "name": "@wrnexus/router",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
"exports": { "exports": {
packages/ssr/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/ssr", "name": "@wrnexus/ssr",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
"exports": { "exports": {
packages/styles/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/styles", "name": "@wrnexus/styles",
"version": "0.2.62", "version": "0.2.63",
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
"exports": { "exports": {
packages/test/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/test", "name": "@wrnexus/test",
"version": "0.2.62", "version": "0.2.63",
"private": true, "private": true,
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
packages/tracking/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/tracking", "name": "@wrnexus/tracking",
"version": "0.2.62", "version": "0.2.63",
"private": true, "private": true,
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
packages/ui/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/ui", "name": "@wrnexus/ui",
"version": "0.2.62", "version": "0.2.63",
"private": true, "private": true,
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
packages/ui/test/ui.test.ts
+3
View File
@@ -82,6 +82,9 @@ test("component-system CSS includes responsive, theme-token, focus, and reduced-
expect(css).toMatch(/:root\s*\{[^}]*--color-violet-600: var\(--wire-color-primary\)/s); expect(css).toMatch(/:root\s*\{[^}]*--color-violet-600: var\(--wire-color-primary\)/s);
expect(css).toContain(".wire-bg-primary"); expect(css).toContain(".wire-bg-primary");
expect(css).toContain(".wire-text-muted"); expect(css).toContain(".wire-text-muted");
expect(css).toContain(".wire-visually-hidden");
expect(css).toContain(".wire-catalog-card--channel::before");
expect(css).toContain(".wire-catalog-card--integration::before");
}); });
test("page shells leave background ownership to the page", () => { test("page shells leave background ownership to the page", () => {
packages/ui/ui.css
+70 -2
View File
@@ -1338,30 +1338,98 @@
.wire-muted { .wire-muted {
color: var(--wire-color-muted); color: var(--wire-color-muted);
} }
.wire-visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.wire-catalog-card { .wire-catalog-card {
position: relative; position: relative;
display: grid; display: grid;
gap: 0.75rem; align-content: start;
gap: 0.85rem;
min-width: 0; min-width: 0;
padding: clamp(1rem, 3vw, 1.5rem); min-height: 13rem;
overflow: hidden;
padding: clamp(1.25rem, 3vw, 1.75rem);
isolation: isolate;
transition:
border-color var(--wire-motion-base) var(--wire-ease-standard),
box-shadow var(--wire-motion-base) var(--wire-ease-standard),
transform var(--wire-motion-base) var(--wire-ease-emphasized);
}
.wire-catalog-card::before {
display: grid;
width: 2.75rem;
height: 2.75rem;
place-items: center;
margin-bottom: 0.35rem;
color: var(--wire-color-primary);
font-size: 1.15rem;
font-weight: 800;
border: 1px solid color-mix(in srgb, var(--wire-color-primary) 28%, transparent);
border-radius: calc(var(--wire-radius) * 0.8);
background: color-mix(in srgb, var(--wire-color-primary) 12%, transparent);
}
.wire-catalog-card--channel::before {
content: "◉";
}
.wire-catalog-card--integration::before {
content: "⌘";
}
.wire-catalog-card--campaign::before {
content: "↗";
} }
.wire-catalog-card h3, .wire-catalog-card h3,
.wire-catalog-card p { .wire-catalog-card p {
margin: 0; margin: 0;
} }
.wire-catalog-card h3 {
color: var(--wire-color-text);
font-size: clamp(1.05rem, 2vw, 1.25rem);
line-height: 1.25;
}
.wire-catalog-card p { .wire-catalog-card p {
color: var(--wire-color-muted); color: var(--wire-color-muted);
line-height: 1.6; line-height: 1.6;
} }
.wire-catalog-card:has(.wire-catalog-card__link)::after {
content: "→";
position: absolute;
right: 1.25rem;
bottom: 1.1rem;
z-index: 1;
color: var(--wire-color-primary);
font-size: 1.2rem;
font-weight: 800;
transition: transform var(--wire-motion-base) var(--wire-ease-emphasized);
}
.wire-catalog-card__link { .wire-catalog-card__link {
position: absolute; position: absolute;
inset: 0; inset: 0;
z-index: 2;
border-radius: inherit; border-radius: inherit;
} }
.wire-catalog-card__link:focus-visible { .wire-catalog-card__link:focus-visible {
outline: 2px solid var(--wire-color-primary); outline: 2px solid var(--wire-color-primary);
outline-offset: 3px; outline-offset: 3px;
} }
@media (hover: hover) and (pointer: fine) {
.wire-catalog-card:has(.wire-catalog-card__link):hover {
border-color: color-mix(in srgb, var(--wire-color-primary) 48%, var(--wire-color-border));
box-shadow: 0 1rem 2.5rem color-mix(in srgb, var(--wire-color-primary) 12%, transparent);
transform: translateY(-3px);
}
.wire-catalog-card:has(.wire-catalog-card__link):hover::after {
transform: translateX(0.25rem);
}
}
.wire-catalog-card--glass { .wire-catalog-card--glass {
background: color-mix(in srgb, var(--wire-color-surface) 80%, transparent); background: color-mix(in srgb, var(--wire-color-surface) 80%, transparent);
backdrop-filter: blur(12px); backdrop-filter: blur(12px);
packages/uploader/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/uploader", "name": "@wrnexus/uploader",
"version": "0.2.62", "version": "0.2.63",
"private": true, "private": true,
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",
packages/validation/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@wrnexus/validation", "name": "@wrnexus/validation",
"version": "0.2.62", "version": "0.2.63",
"private": true, "private": true,
"type": "module", "type": "module",
"main": "src/index.ts", "main": "src/index.ts",