ehoandClaude Sonnet 5
43dc3210cd
The folder now equals the layer, as CLAUDE.md decision 2 requires. 33 directories move by git mv (25 flat, plus upload/'s 8 subfolders split across all three layers). 28 distinct @shared/ui/* specifiers rewrite across 73 files, longest-first. Five relative imports inside upload/ become @shared/ui aliases because their sibling now lives in a different layer; two stay relative because both ends stay in the same layer. Four .mdx docs get their seven broken story imports fixed; atomic-design.mdx's page-shell import is untouched, because layout/ does not move. No component, template, story title, or layer-tag comment changes. That is RD-28's job. Verified against the ticket's acceptance commands: the 26 flat directories become exactly 3 layer folders with the counts the ticket names, only three @shared/ui/* prefixes remain (atoms, molecules, organisms), the .mdx import count holds at 7, and the relative-import count inside ui/ drops from 7 to 2 as decision 4 requires. The @shared/ui/ occurrence count moves from 200 to 205: decision 4 mandates turning 5 of those 7 relative imports into @shared/ui/* aliases, which decision 3's "200 before, 200 after" check does not account for. The 5-occurrence gap is exactly the 5 conversions decision 4 names, not a lost or duplicated specifier. npm run ci --full passes: lint, typecheck, dep:check, format, tokens, seam, both apps' + both libraries' tests, both apps' localized build, audit, backend tests, all three generated-artifact drift checks, and both Storybook instances' build + axe-core a11y suite (67+45 suites, 198+112 tests, all green). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
41 lines
1.5 KiB
TypeScript
41 lines
1.5 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/angular';
|
|
import { applicationConfig } from '@storybook/angular';
|
|
import { provideRouter } from '@angular/router';
|
|
import { ChoiceLinkComponent } from './choice-link.component';
|
|
|
|
const meta: Meta<ChoiceLinkComponent> = {
|
|
title: 'Design System/Molecules/Choice Link',
|
|
component: ChoiceLinkComponent,
|
|
decorators: [applicationConfig({ providers: [provideRouter([])] })],
|
|
render: (args) => ({
|
|
props: args,
|
|
// Rows are <li>s — a real list gives them their normal layout in the story.
|
|
template: `<ul class="keuzelijst__list"><app-choice-link [heading]="heading" [instructions]="instructions" [to]="to" [clickable]="clickable" /></ul>`,
|
|
}),
|
|
parameters: {
|
|
// Structural: app-choice-link's host sits between the <ul> and its <li> — axe's
|
|
// list/listitem rule requires them adjacent regardless of `display:contents`.
|
|
// WP-11 (CIBG markup fidelity) reworks this markup; see docs/project/backlog/WP-11-markup-fidelity.md.
|
|
a11y: { disable: true },
|
|
},
|
|
};
|
|
export default meta;
|
|
type Story = StoryObj<ChoiceLinkComponent>;
|
|
|
|
export const Navigatie: Story = {
|
|
args: {
|
|
heading: 'Ik heb een Nederlands diploma',
|
|
instructions: 'U kunt direct uw registratie aanvragen.',
|
|
to: '/registreren',
|
|
},
|
|
};
|
|
export const Actie: Story = {
|
|
args: { heading: 'Inschrijving', instructions: 'Stap 2 van 3', clickable: true },
|
|
};
|
|
export const NietInteractief: Story = {
|
|
args: {
|
|
heading: 'Herregistratie',
|
|
instructions: 'Referentie 2024-00123 · ingediend op 12 mei 2024',
|
|
},
|
|
};
|