ClintchizandClaude Opus 5.5
c0ac38c572
- Sync app, public, scripts, test and examples from the framework's component-showcase: redesigned component demos, marketing blocks under /blocks, template and preview galleries, distinct Timeline/Section variants, Chat Bubble receipts, a top-placement Drawer demo, and the playground code panel fix (objects in array props no longer blank out). - Standalone adaptations kept: the generator and tests read component-reference.json from the published @wrnexus/ui, and tests use the published @wrnexus/compiler and @wrnexus/syntax. - Dependencies: every @wrnexus/* package to its latest release (ui 0.8.88, styles 0.8.26, core 0.8.16, cli 0.8.72, ...), happy-dom for the playground tests, Tailwind 4.3; bun.lock and package-lock.json refreshed. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
31 lines
2.2 KiB
Plaintext
31 lines
2.2 KiB
Plaintext
// Composed reference using the shipped UI components.
|
|
page DesignLogin {
|
|
state saved = false
|
|
seo {
|
|
title = "Workspace example"
|
|
}
|
|
view {
|
|
<div class="workspace-preview">
|
|
<header class="workspace-topbar">
|
|
<a class="workspace-brand" href="/preview/workspace"><span class="workspace-mark">W</span>WRNexus<span class="workspace-preview-label">Example</span></a>
|
|
<nav aria-label="Preview tools"><a href="/components/button">Components</a><button type="button" data-design-mode="light" data-wrn-theme-set="light" aria-label="Light theme"><span class="icon-[lucide--sun]" aria-hidden="true"></span></button><button type="button" data-design-mode="dark" data-wrn-theme-set="dark" aria-label="Dark theme"><span class="icon-[lucide--moon]" aria-hidden="true"></span></button><span class="workspace-avatar" aria-label="Sample user">JD</span></nav>
|
|
</header>
|
|
<main class="workspace-login">
|
|
<section class="workspace-login-form" aria-label="Sign in preview">
|
|
<span class="workspace-kicker">YOUR WORKSPACE, CONNECTED</span>
|
|
<h1>Welcome back</h1><p>Sign in to manage your workspace.</p>
|
|
<form @submit="event.preventDefault(); saved = true">
|
|
<Input id="preview-email" name="email" label="Email address" type="email" placeholder="you@company.com" required="true" />
|
|
<TogglePassword id="preview-password" name="password" label="Password" placeholder="Enter your password" required="true" />
|
|
<Button type="submit" label="Sign in" fullWidth="true" />
|
|
</form>
|
|
{#if saved}<p class="workspace-feedback" role="status">Preview complete. No sign-in request was sent.</p>{/if}
|
|
<a href="/preview/workspace">Explore the workspace preview <span aria-hidden="true">→</span></a>
|
|
</section>
|
|
<aside class="workspace-login-aside"><span class="workspace-kicker">BUILT FOR YOUR EVERYDAY</span><h2>A little less busy.<br />A lot more focused.</h2><p>Your team, services, and account.<br />Together in one thoughtful workspace.</p><div class="workspace-login-lines" aria-hidden="true"></div><small>One identity. Every workspace.</small></aside>
|
|
</main>
|
|
|
|
</div>
|
|
}
|
|
}
|