Skip to content

Commit 2f8dba0

Browse files
SisyphusZhengSisyphusZheng
committed
Fix homepage theme and roadmap CI contracts
1 parent 0776cc3 commit 2f8dba0

3 files changed

Lines changed: 44 additions & 32 deletions

File tree

‎packages/ui/__tests__/smoke.test.ts‎

Lines changed: 29 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -8,28 +8,34 @@ import { assertEquals, assertExists } from 'jsr:@std/assert@^1.0.0';
88

99
Deno.test('open-ui - index exports manifest (WC Package Protocol)', async () => {
1010
const mod = await import('../src/index.ts');
11+
const expectedTags = [
12+
'open-card',
13+
'open-callout',
14+
'open-step-card',
15+
'open-button',
16+
'open-input',
17+
'open-theme-toggle',
18+
'open-code-block',
19+
'open-badge',
20+
'open-lab-panel',
21+
'open-standards-visual',
22+
'open-lab-stage',
23+
'open-dialog',
24+
'open-layout',
25+
'open-dropdown',
26+
'open-modal',
27+
'open-tabs',
28+
'open-hero-ping',
29+
'open-button-linear',
30+
'open-card-linear',
31+
'open-input-linear',
32+
'open-nav-linear',
33+
'open-badge-linear',
34+
];
1135
assertExists(mod.manifest, 'manifest export should exist');
1236
assertEquals(typeof mod.manifest, 'object');
1337
assertEquals(mod.manifest.packageName, '@openelement/ui');
14-
assertEquals(mod.manifest.declarations.length, 18);
15-
assertEquals(mod.manifest.declarations[0].tagName, 'open-card');
16-
assertEquals(mod.manifest.declarations[1].tagName, 'open-callout');
17-
assertEquals(mod.manifest.declarations[2].tagName, 'open-step-card');
18-
assertEquals(mod.manifest.declarations[3].tagName, 'open-button');
19-
assertEquals(mod.manifest.declarations[4].tagName, 'open-input');
20-
assertEquals(mod.manifest.declarations[5].tagName, 'open-theme-toggle');
21-
assertEquals(mod.manifest.declarations[6].tagName, 'open-code-block');
22-
assertEquals(mod.manifest.declarations[7].tagName, 'open-dialog');
23-
assertEquals(mod.manifest.declarations[8].tagName, 'open-layout');
24-
assertEquals(mod.manifest.declarations[9].tagName, 'open-dropdown');
25-
assertEquals(mod.manifest.declarations[10].tagName, 'open-modal');
26-
assertEquals(mod.manifest.declarations[11].tagName, 'open-tabs');
27-
assertEquals(mod.manifest.declarations[12].tagName, 'open-hero-ping');
28-
assertEquals(mod.manifest.declarations[13].tagName, 'open-button-linear');
29-
assertEquals(mod.manifest.declarations[14].tagName, 'open-card-linear');
30-
assertEquals(mod.manifest.declarations[15].tagName, 'open-input-linear');
31-
assertEquals(mod.manifest.declarations[16].tagName, 'open-nav-linear');
32-
assertEquals(mod.manifest.declarations[17].tagName, 'open-badge-linear');
38+
assertEquals(mod.manifest.declarations.map((decl) => decl.tagName), expectedTags);
3339
});
3440

3541
Deno.test('open-ui - open-theme-toggle exports tagName', async () => {
@@ -51,6 +57,10 @@ Deno.test('open-ui - all components export tagName', async () => {
5157
'open-code-block',
5258
'open-dialog',
5359
'open-dropdown',
60+
'open-badge',
61+
'open-lab-panel',
62+
'open-lab-stage',
63+
'open-standards-visual',
5464
'open-hero-ping',
5565
'open-input',
5666
'open-layout',

‎www/app/routes/index/index.tsx‎

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -32,20 +32,20 @@ pageSheet.replaceSync(`
3232
3333
.home {
3434
display: grid;
35-
gap: var(--size-12);
35+
gap: var(--size-7);
3636
padding-block-end: var(--site-section-block);
3737
}
3838
3939
.hero {
4040
position: relative;
4141
display: grid;
42-
min-height: calc(100svh - var(--nav-height) - var(--size-16));
42+
min-height: calc(100svh - var(--nav-height) - var(--size-16) - var(--size-2));
4343
overflow: hidden;
4444
isolation: isolate;
4545
color: var(--code-text);
4646
background:
47-
linear-gradient(color-mix(in srgb, var(--code-border) 46%, transparent) var(--border-size-1), transparent var(--border-size-1)),
48-
linear-gradient(90deg, color-mix(in srgb, var(--code-border) 36%, transparent) var(--border-size-1), transparent var(--border-size-1)),
47+
linear-gradient(var(--border) var(--border-size-1), transparent var(--border-size-1)),
48+
linear-gradient(90deg, var(--border) var(--border-size-1), transparent var(--border-size-1)),
4949
linear-gradient(135deg, color-mix(in srgb, var(--brand) 22%, transparent), transparent 42%),
5050
linear-gradient(225deg, color-mix(in srgb, var(--success) 18%, transparent), transparent 48%),
5151
var(--bg-code);
@@ -205,9 +205,10 @@ pageSheet.replaceSync(`
205205
display: grid;
206206
gap: var(--size-2);
207207
padding: var(--size-4);
208-
border: var(--border-size-1) solid var(--code-border);
208+
border: var(--border-size-1) solid var(--border);
209209
border-radius: var(--radius-2);
210-
background: color-mix(in srgb, var(--bg-code) 84%, var(--code-border));
210+
background: var(--bg-card);
211+
color: var(--text-primary);
211212
}
212213
213214
.live-note strong {
@@ -218,7 +219,7 @@ pageSheet.replaceSync(`
218219
}
219220
220221
.live-note span {
221-
color: color-mix(in srgb, var(--code-text) 68%, transparent);
222+
color: var(--text-secondary);
222223
font-size: var(--font-size-0);
223224
line-height: var(--font-lineheight-3);
224225
}
@@ -521,7 +522,7 @@ export class DocsHome extends OpenElement {
521522
override render() {
522523
return (
523524
<main class='home'>
524-
<section class='hero'>
525+
<section class='hero swiss-grid'>
525526
<div class='hero-inner'>
526527
<div class='hero-copy'>
527528
<p class='eyebrow'>Kinetic Web Standards Lab</p>
@@ -554,7 +555,7 @@ export class DocsHome extends OpenElement {
554555
<div class='hero-dashboard'>
555556
<open-lab-stage class='stage-art' emphasis='high' motion='auto'></open-lab-stage>
556557
<div class='live-row'>
557-
<div class='live-note'>
558+
<div class='live-note terminal'>
558559
<strong>Live island</strong>
559560
<span>Interactive behavior stays explicit. The counter below is a real hydrated island, not decorative copy.</span>
560561
</div>

‎www/app/routes/roadmap.tsx‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -265,16 +265,16 @@ export class RoadmapPage extends OpenElement {
265265
<h1>Roadmap</h1>
266266
<p class='subtitle'>
267267
openElement roadmap labels describe the public product surface,
268-
not a wish list. The current line is v0.40.7 on the public
269-
product graph.
268+
not a wish list. The Six-Phase Vision now resolves into the
269+
v0.40.7 public product graph.
270270
</p>
271271
</div>
272272
<open-lab-panel class='now' label='current' meta='release line'>
273273
<open-badge tone='brand'>current</open-badge>
274274
<h2>v0.40.7 Release Readiness & CI Hardening</h2>
275275
<p>
276276
The website, docs, package graph, and release gates should speak
277-
the same product language.
277+
the same product language around the WC Package Protocol.
278278
</p>
279279
</open-lab-panel>
280280
</section>
@@ -308,6 +308,7 @@ export class RoadmapPage extends OpenElement {
308308
<h2>Out of current scope</h2>
309309
<ul>
310310
<li>Hub product language</li>
311+
<li>Registry Hub as a current product promise</li>
311312
<li>RPC, CEM, and interop adapter package promises</li>
312313
<li>Generic auth, ORM, or database platform claims</li>
313314
<li>Old package-count public graph language</li>
@@ -331,7 +332,7 @@ export class RoadmapPage extends OpenElement {
331332
<ul class='rule-list'>
332333
<li>
333334
<strong>Ship</strong>
334-
<span>Only public contracts that are reflected in docs and package surfaces.</span>
335+
<span>Only public contracts that are reflected in docs and package surfaces. No webpack remains a hard boundary.</span>
335336
</li>
336337
<li>
337338
<strong>Prove</strong>

0 commit comments

Comments
 (0)