svelte-kit-vice

Commit Graph

Author	SHA1	Message	Date
dev	e97fdc53c2	fix(demos): drop fake soma snippet from 26 eidos-only component demos Eidos-native components have NO soma layer, yet each demo rendered a misleading "soma" code-snippet block ("n/a · eidos-native — equivalent markup shown") fed by an orphan `somaSnippet` derived. Sweep the fix already verified on text/heading across all 26: layout primitives box flex grid stack container auto-grid wrap group section aspect-ratio float typography/inline code code-block kbd mark highlight link badge separator visual leaves avatar banner skeleton spinner icon display scroll-frames For each: remove the `somaSnippet` declaration + the soma `data-uix-code` block, leaving only the real eidos snippet (and dropping its now-unneeded inline margin-top). Skipped (correctly): card / avatar-group / image (soma mentioned only in prose, no fake code block — image reads a real ImageProvider) and all genuinely soma-backed components. Verified: `npm run check` 0 errors; 0 orphan somaSnippet refs in swept files; browser spot-check (box, scroll-frames) shows one eidos code block, zero soma badges. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	4 months ago
dev	d421f1fb5d	feat(typography): 8 primitives — Heading, Display, Code, CodeBlock, Kbd, Mark, Highlight, Link Full canon for the rest of the typography family, following Text (commit `03531709`) as template. Each primitive ships morfo (passive, scope eidos, 0 events) + full eidos set (svelte/css/types/index + README with required sections) + canon 6-tab demo (≥400 lines each). Heading — semantic h1..h6 via `level` prop, visual style decoupled via `style` prop (defaults to match level but `<Heading level={3} style="h1">` allowed). Demo 594 lines. Display — always-h1 page-title primitive. Always uses `style="hero"`. Tracking via literal em values until foundation emits hero-scale tracking tokens. Demo 546 lines. Code — inline code via `<code>`. `variant: 'plain' \| 'soft' \| 'outline'` for subtle background chrome. Demo 423 lines. CodeBlock — multi-line `<pre><code>` with optional title + copy button (button utility, NOT a sema verb — kept out of morfo per 2-of-3 rule). Demo 402 lines. Kbd — keyboard shortcut chrome over `style="code"`. Demo 418 lines. Mark — text highlight via `<mark>`. Palette uses canonical `ColorRole` intents (default `fulfill` ≈ legacy yellow). Demo 402 lines. Highlight — substring highlighter inside Text. Scans children for `query` and wraps matches. Same intent palette as Mark. Demo 407 lines. Link — text link via `<a>`. `variant: 'default' \| 'subtle' \| 'plain'` for underline style, `intent: ColorRole` for color. Passive on the morfo — hover/active is CSS-only, navigation belongs to the consumer (router). Demo 448 lines. Architectural deviations from air documented per README's Decisiones section: - Heading: semantic level vs visual style decoupling - Code split into inline `<Code>` + block `<CodeBlock>` (was one component with `variant='block'` in air) - Mark/Highlight palette swapped from literal hue names to canonical ColorRole intents (theme contract) - Link palette opened to full ColorRole; `quiet`/`emphasized` air variants dropped in favour of composable patterns `npm run component:audit`: 90 / 90 PASS, 0 NEEDS-WORK. svelte-check: 0 errors, 0 new warnings. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago

Author

SHA1

Message

Date

dev

e97fdc53c2

fix(demos): drop fake soma snippet from 26 eidos-only component demos

Eidos-native components have NO soma layer, yet each demo rendered a
misleading "soma" code-snippet block ("n/a · eidos-native — equivalent
markup shown") fed by an orphan `somaSnippet` derived. Sweep the fix
already verified on text/heading across all 26:

  layout primitives  box flex grid stack container auto-grid wrap group
                     section aspect-ratio float
  typography/inline  code code-block kbd mark highlight link badge separator
  visual leaves      avatar banner skeleton spinner icon display scroll-frames

For each: remove the `somaSnippet` declaration + the soma `data-uix-code`
block, leaving only the real eidos snippet (and dropping its now-unneeded
inline margin-top).

Skipped (correctly): card / avatar-group / image (soma mentioned only in
prose, no fake code block — image reads a real ImageProvider) and all
genuinely soma-backed components.

Verified: `npm run check` 0 errors; 0 orphan somaSnippet refs in swept
files; browser spot-check (box, scroll-frames) shows one eidos code
block, zero soma badges.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

dev

d421f1fb5d

feat(typography): 8 primitives — Heading, Display, Code, CodeBlock, Kbd, Mark, Highlight, Link

Full canon for the rest of the typography family, following Text
(commit `03531709`) as template. Each primitive ships morfo (passive,
scope eidos, 0 events) + full eidos set (svelte/css/types/index +
README with required sections) + canon 6-tab demo (≥400 lines each).

**Heading** — semantic h1..h6 via `level` prop, visual style decoupled
via `style` prop (defaults to match level but `<Heading level={3}
style="h1">` allowed). Demo 594 lines.

**Display** — always-h1 page-title primitive. Always uses
`style="hero"`. Tracking via literal em values until foundation emits
hero-scale tracking tokens. Demo 546 lines.

**Code** — inline code via `<code>`. `variant: 'plain' | 'soft' |
'outline'` for subtle background chrome. Demo 423 lines.

**CodeBlock** — multi-line `<pre><code>` with optional title +
copy button (button utility, NOT a sema verb — kept out of morfo per
2-of-3 rule). Demo 402 lines.

**Kbd** — keyboard shortcut chrome over `style="code"`. Demo 418 lines.

**Mark** — text highlight via `<mark>`. Palette uses canonical
`ColorRole` intents (default `fulfill` ≈ legacy yellow). Demo 402 lines.

**Highlight** — substring highlighter inside Text. Scans children for
`query` and wraps matches. Same intent palette as Mark. Demo 407 lines.

**Link** — text link via `<a>`. `variant: 'default' | 'subtle' |
'plain'` for underline style, `intent: ColorRole` for color. Passive
on the morfo — hover/active is CSS-only, navigation belongs to the
consumer (router). Demo 448 lines.

**Architectural deviations from air documented per README's
Decisiones section:**

- Heading: semantic level vs visual style decoupling
- Code split into inline `<Code>` + block `<CodeBlock>` (was one
  component with `variant='block'` in air)
- Mark/Highlight palette swapped from literal hue names to canonical
  ColorRole intents (theme contract)
- Link palette opened to full ColorRole; `quiet`/`emphasized` air
  variants dropped in favour of composable patterns

`npm run component:audit`: **90 / 90 PASS**, 0 NEEDS-WORK.
svelte-check: 0 errors, 0 new warnings.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2 Commits (27c8214d984b44686d3588d6ed33ffa411904c77)