@arbor-education/design-system.components 0.14.0 → 0.16.0

package/dist/components/kvpList/KVPList.stories.js

@@ -1,18 +1,411 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Controls, Heading as DocHeading, Markdown, Primary as DocPrimary, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
 import { Progress } from '../progress/Progress';
 import { KVPList } from './KVPList';
+// ---------------------------------------------------------------------------
+// Docs page content
+// ---------------------------------------------------------------------------
+const DESCRIPTION_INTRO = [
+    '`KVPList` is a compound component for displaying structured key/value pair data.',
+    'It uses semantic `<dl>/<dt>/<dd>` markup for accessibility and supports vertical or horizontal',
+    'row layouts, two typographic prominence levels, and an optional percentage suffix.',
+].join(' ');
+const ROW_PROPS = [
+    '| Prop | Type | Default | Description |',
+    '|---|---|---|---|',
+    '| `orientation` | `\'horizontal\' \\| \'vertical\'` | `\'vertical\'` | Vertical stacks term above definition; horizontal places them side by side |',
+    '| `className` | `string` | — | Additional CSS classes on the `<dl>` element |',
+    '| `...HTMLAttributes<dl>` | | | All standard `<dl>` attributes forwarded |',
+].join('\n');
+const TERM_PROPS = [
+    '| Prop | Type | Default | Description |',
+    '|---|---|---|---|',
+    '| `children` | `ReactNode` | — | The key/label text |',
+    '| `className` | `string` | — | Additional CSS classes on the `<dt>` element |',
+    '| `...HTMLAttributes<dt>` | | | All standard element attributes forwarded |',
+].join('\n');
+const DEFINITION_PROPS = [
+    '| Prop | Type | Default | Description |',
+    '|---|---|---|---|',
+    '| `children` | `ReactNode` | — | The value content |',
+    '| `isRow` | `boolean` | `false` | Makes the definition span the full row width |',
+    '| `isPercentage` | `boolean` | `false` | Appends a `%` suffix span. Do **not** also include `%` in `children` |',
+    '| `prominence` | `\'neutral\' \\| \'strong\'` | `\'neutral\'` | `neutral` = body text; `strong` = h2 typography |',
+    '| `className` | `string` | — | Additional CSS classes on the `<dd>` element |',
+    '| `...HTMLAttributes<dd>` | | | All standard element attributes forwarded |',
+].join('\n');
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- Displaying structured key/value data for one entity — student details, contact info, metric breakdowns',
+    '- Inside a `KPICard` as supplementary detail below the headline metric',
+    '- Detail panels, profile cards, and read-only form summaries',
+    '',
+    '---',
+    '',
+    '### When NOT to use',
+    '',
+    '| Situation | Use instead |',
+    '|---|---|',
+    '| A single dominant metric needing large typographic emphasis | [`KPICard`](?path=/docs/components-card-kpicard--docs) |',
+    '| Data with multiple records (rows/columns) | `<table>` with appropriate `<thead>/<tbody>` |',
+    '| Purely decorative label/value layout | Plain CSS grid — `KVPList` has specific accessibility semantics |',
+].join('\n');
+const DEVELOPER_NOTES = [
+    '### Critical usage patterns',
+    '',
+    '**`role="group"` is conditional.** The `KVPList` root only adds `role="group"` when `aria-label`',
+    'or `aria-labelledby` is provided. Without these, it is a plain `<div>`. Always provide `aria-label`',
+    'when the list appears alongside other lists in a dashboard or detail panel.',
+    '',
+    '**`KVPList.Term` and `KVPList.Definition` must always be children of `KVPList.Row`.**',
+    'They are `<dt>` and `<dd>` elements respectively — placing them outside a `<dl>` breaks HTML validity.',
+    '',
+    '**`isPercentage` adds "%" to the DOM** — it will be read aloud by screen readers.',
+    'Do not also include "%" in your `children` content or you will render `"95%%"`.',
+    '',
+    '**`prominence="strong"` uses h2-scale typography but renders as `<dd>`.** This is intentional —',
+    'the visual size is h2, but the semantic meaning is "definition in a definition list".',
+    'Screen readers will not announce it as a heading.',
+    '',
+    '```tsx',
+    '<KVPList aria-label="Attendance summary">',
+    '  <KVPList.Row orientation="horizontal">',
+    '    <KVPList.Term>Overall attendance</KVPList.Term>',
+    '    <KVPList.Definition isPercentage prominence="strong">94.2</KVPList.Definition>',
+    '  </KVPList.Row>',
+    '  <KVPList.Row orientation="horizontal">',
+    '    <KVPList.Term>Autumn term</KVPList.Term>',
+    '    <KVPList.Definition isPercentage>96.1</KVPList.Definition>',
+    '  </KVPList.Row>',
+    '</KVPList>',
+    '```',
+    '',
+    '---',
+    '',
+    '### Accessibility',
+    '',
+    '- Provide `aria-label` on `KVPList` when it represents a named group — activates `role="group"`',
+    '- Use `aria-labelledby` when a visible heading is nearby — point to its `id`',
+    '- `KVPList.Term` (`dt`) and `KVPList.Definition` (`dd`) must be inside `KVPList.Row` (`dl`)',
+    '- `isPercentage` appends "%" to the DOM — never duplicate it in `children`',
+    '',
+    '---',
+    '',
+    '### TypeScript types',
+    '',
+    '```ts',
+    "import { KVPList } from '@arbor-education/design-system.components';",
+    "import type { KVPListProps, KVPListRowProps, KVPListTermProps, KVPListDefinitionProps } from '@arbor-education/design-system.components';",
+    '```',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[KPICard](?path=/docs/components-card-kpicard--docs) · [Progress](?path=/docs/components-progress--docs) · [Card](?path=/docs/components-card--docs)',
+].join('\n');
+const PROPS_INTRO = 'The preview below is wired to the **Controls** panel — tweak any prop to see the story update in real time.';
+// ---------------------------------------------------------------------------
+// Custom DocsPage
+// ---------------------------------------------------------------------------
+function KVPListDocsPage() {
+    return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: DESCRIPTION_INTRO }), _jsx(DocHeading, { children: "Interactive example" }), _jsx(Markdown, { children: PROPS_INTRO }), _jsx(DocPrimary, {}), _jsx(Controls, {}), _jsx(DocHeading, { children: "KVPList.Row props" }), _jsx(Markdown, { children: ROW_PROPS }), _jsx(DocHeading, { children: "KVPList.Term props" }), _jsx(Markdown, { children: TERM_PROPS }), _jsx(DocHeading, { children: "KVPList.Definition props" }), _jsx(Markdown, { children: DEFINITION_PROPS }), _jsx(DocHeading, { children: "Usage guidance" }), _jsx(Markdown, { children: USAGE_GUIDANCE }), _jsx(DocHeading, { children: "Developer notes" }), _jsx(Markdown, { children: DEVELOPER_NOTES }), _jsx(DocHeading, { children: "Examples" }), _jsx(Stories, { title: "" }), _jsx(Markdown, { children: RELATED_COMPONENTS })] }));
+}
+// ---------------------------------------------------------------------------
+// Meta
+// ---------------------------------------------------------------------------
 const meta = {
     title: 'Components/KVPList',
     component: KVPList,
-};
-export const Summary = {
-    render: args => (_jsx(KVPList, { ...args, "aria-label": "Attendance metrics", children: _jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Attendance" }), _jsx(KVPList.Definition, { isPercentage: true, prominence: "strong", children: "95" })] }) })),
-};
-export const WithProgressAndPercentage = {
-    render: args => (_jsx(KVPList, { ...args, "aria-label": "Attendance breakdown", children: _jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Bar label text" }), _jsx(KVPList.Definition, { isPercentage: true, prominence: "neutral", children: "95" }), _jsx(KVPList.Definition, { "aria-hidden": "true", isRow: true, children: _jsx(Progress, { "aria-label": "Attendance progress", max: 100, value: 95 }) })] }) })),
-};
-export const WithProgressNoPercentage = {
-    render: args => (_jsx(KVPList, { ...args, "aria-label": "Attendance breakdown without percentage", children: _jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Bar label text" }), _jsx(KVPList.Definition, { prominence: "neutral", children: "X" }), _jsx(KVPList.Definition, { "aria-hidden": "true", isRow: true, children: _jsx(Progress, { "aria-label": "Attendance progress second", max: 100, value: 95 }) })] }) })),
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: { page: KVPListDocsPage },
+    },
+    argTypes: {
+        'aria-label': {
+            control: 'text',
+            description: 'When provided, adds `role="group"` to the root `<div>`. Use when the list represents a named data group.',
+            table: { type: { summary: 'string' } },
+        },
+        'aria-labelledby': {
+            control: false,
+            description: 'ID of a visible heading element. Alternative to `aria-label` when a visible label is already in the DOM.',
+            table: { type: { summary: 'string' } },
+        },
+        'className': {
+            control: false,
+            description: 'Additional CSS class names on the root `div.ds-kvp-list` element.',
+            table: { type: { summary: 'string' } },
+        },
+        'children': {
+            control: false,
+            description: 'Compose using `KVPList.Row`, `KVPList.Term`, and `KVPList.Definition` sub-components.',
+            table: { type: { summary: 'ReactNode' } },
+        },
+    },
 };
 export default meta;
+// ---------------------------------------------------------------------------
+// Helper: attach a per-story description to docs
+// ---------------------------------------------------------------------------
+const withDescription = (story, description) => ({
+    ...story,
+    parameters: {
+        ...story.parameters,
+        docs: { ...story.parameters?.docs, description: { story: description } },
+    },
+});
+// ---------------------------------------------------------------------------
+// Template components
+// ---------------------------------------------------------------------------
+const MultipleRowsTemplate = () => (_jsxs(KVPList, { "aria-label": "Student attendance summary", children: [_jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Overall attendance" }), _jsx(KVPList.Definition, { isPercentage: true, prominence: "strong", children: "94.2" })] }), _jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Autumn term" }), _jsx(KVPList.Definition, { isPercentage: true, children: "96.1" })] }), _jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Spring term" }), _jsx(KVPList.Definition, { isPercentage: true, children: "93.4" })] }), _jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Summer term" }), _jsx(KVPList.Definition, { isPercentage: true, children: "92.8" })] })] }));
+const MixedOrientationsTemplate = () => (_jsxs(KVPList, { "aria-label": "Student profile", children: [_jsxs(KVPList.Row, { orientation: "vertical", children: [_jsx(KVPList.Term, { children: "Full name" }), _jsx(KVPList.Definition, { prominence: "strong", children: "Alice Johnson" })] }), _jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Year group" }), _jsx(KVPList.Definition, { children: "Year 10" })] }), _jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Form" }), _jsx(KVPList.Definition, { children: "10B" })] }), _jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Attendance" }), _jsx(KVPList.Definition, { isPercentage: true, children: "94.2" })] })] }));
+const WithProgressTemplate = () => (_jsx(KVPList, { "aria-label": "Attendance breakdown by year group", children: [
+        { label: 'Year 7', value: 96, progress: 96 },
+        { label: 'Year 8', value: 94, progress: 94 },
+        { label: 'Year 9', value: 91, progress: 91 },
+        { label: 'Year 10', value: 93, progress: 93 },
+        { label: 'Year 11', value: 89, progress: 89 },
+    ].map(({ label, value, progress }) => (_jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: label }), _jsx(KVPList.Definition, { isPercentage: true, children: value }), _jsx(KVPList.Definition, { "aria-hidden": "true", isRow: true, children: _jsx(Progress, { "aria-label": `${label} attendance`, max: 100, value: progress }) })] }, label))) }));
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+export const Default = withDescription({
+    args: { 'aria-label': 'Student details' },
+    render: args => (_jsx(KVPList, { ...args, children: _jsxs(KVPList.Row, { orientation: "vertical", children: [_jsx(KVPList.Term, { children: "Student" }), _jsx(KVPList.Definition, { children: "Alice Johnson" })] }) })),
+}, 'A single vertical row — term stacked above definition. The default `orientation="vertical"` and `prominence="neutral"` baseline.');
+export const HorizontalOrientation = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { KVPList } from '@arbor-education/design-system.components';
+
+function HorizontalOrientationExample() {
+  return (
+    <KVPList aria-label="Attendance summary">
+      <KVPList.Row orientation="horizontal">
+        <KVPList.Term>Attendance rate</KVPList.Term>
+        <KVPList.Definition isPercentage>94.2</KVPList.Definition>
+      </KVPList.Row>
+    </KVPList>
+  );
+}
+export default HorizontalOrientationExample;
+`.trim(),
+            },
+        },
+    },
+    render: () => (_jsxs(KVPList, { "aria-label": "Attendance summary", children: [_jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Attendance rate" }), _jsx(KVPList.Definition, { isPercentage: true, children: "94.2" })] }), _jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Sessions attended" }), _jsx(KVPList.Definition, { children: "342 of 364" })] })] })),
+}, '`orientation="horizontal"` places the term and definition on the same line. The term takes `flex: 1` and the definition is right-aligned at `flex: 0 0 auto`.');
+export const StrongProminence = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { KVPList } from '@arbor-education/design-system.components';
+
+function StrongProminenceExample() {
+  return (
+    <KVPList aria-label="Key metric">
+      <KVPList.Row orientation="horizontal">
+        <KVPList.Term>Overall attendance</KVPList.Term>
+        <KVPList.Definition isPercentage prominence="strong">94.2</KVPList.Definition>
+      </KVPList.Row>
+    </KVPList>
+  );
+}
+export default StrongProminenceExample;
+`.trim(),
+            },
+        },
+    },
+    render: () => (_jsxs(KVPList, { "aria-label": "Key metric", children: [_jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Overall attendance" }), _jsx(KVPList.Definition, { isPercentage: true, prominence: "strong", children: "94.2" })] }), _jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Autumn term" }), _jsx(KVPList.Definition, { isPercentage: true, prominence: "neutral", children: "96.1" })] })] })),
+}, '`prominence="strong"` applies h2-scale typography to the definition — rendered as `<dd>` semantically but visually dominant. Use for the primary metric value in a list; `"neutral"` for supporting context.');
+export const IsRow = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { KVPList } from '@arbor-education/design-system.components';
+import { Progress } from '@arbor-education/design-system.components';
+
+function IsRowExample() {
+  return (
+    <KVPList aria-label="Attendance breakdown">
+      <KVPList.Row orientation="horizontal">
+        <KVPList.Term>Year 9</KVPList.Term>
+        <KVPList.Definition isPercentage>91</KVPList.Definition>
+        <KVPList.Definition aria-hidden="true" isRow>
+          <Progress aria-label="Year 9 attendance" max={100} value={91} />
+        </KVPList.Definition>
+      </KVPList.Row>
+    </KVPList>
+  );
+}
+export default IsRowExample;
+`.trim(),
+            },
+        },
+    },
+    render: () => (_jsx(KVPList, { "aria-label": "Attendance breakdown", children: _jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Year 9" }), _jsx(KVPList.Definition, { isPercentage: true, children: "91" }), _jsx(KVPList.Definition, { "aria-hidden": "true", isRow: true, children: _jsx(Progress, { "aria-label": "Year 9 attendance", max: 100, value: 91 }) })] }) })),
+}, '`isRow=true` on a Definition makes it span the full row width (`flex-basis: 100%`). Use for long text values or embedded components like `Progress` that need the full horizontal space.');
+export const AsPercentage = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { KVPList } from '@arbor-education/design-system.components';
+
+function AsPercentageExample() {
+  return (
+    <KVPList aria-label="Session attendance">
+      <KVPList.Row orientation="horizontal">
+        <KVPList.Term>Present</KVPList.Term>
+        {/* isPercentage adds "%" — do NOT also include "%" in children */}
+        <KVPList.Definition isPercentage>94.2</KVPList.Definition>
+      </KVPList.Row>
+    </KVPList>
+  );
+}
+export default AsPercentageExample;
+`.trim(),
+            },
+        },
+    },
+    render: () => (_jsxs(KVPList, { "aria-label": "Session attendance", children: [_jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Present" }), _jsx(KVPList.Definition, { isPercentage: true, children: "94.2" })] }), _jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Authorised absence" }), _jsx(KVPList.Definition, { isPercentage: true, children: "3.1" })] }), _jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Unauthorised absence" }), _jsx(KVPList.Definition, { isPercentage: true, children: "2.7" })] })] })),
+}, '`isPercentage=true` appends a `%` suffix span after the definition content. The `%` is part of the DOM and will be read by screen readers — never also include `%` in `children`.');
+export const MultipleRows = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { KVPList } from '@arbor-education/design-system.components';
+
+function MultipleRowsExample() {
+  return (
+    <KVPList aria-label="Student attendance summary">
+      <KVPList.Row orientation="horizontal">
+        <KVPList.Term>Overall attendance</KVPList.Term>
+        <KVPList.Definition isPercentage prominence="strong">94.2</KVPList.Definition>
+      </KVPList.Row>
+      <KVPList.Row orientation="horizontal">
+        <KVPList.Term>Autumn term</KVPList.Term>
+        <KVPList.Definition isPercentage>96.1</KVPList.Definition>
+      </KVPList.Row>
+      <KVPList.Row orientation="horizontal">
+        <KVPList.Term>Spring term</KVPList.Term>
+        <KVPList.Definition isPercentage>93.4</KVPList.Definition>
+      </KVPList.Row>
+    </KVPList>
+  );
+}
+export default MultipleRowsExample;
+`.trim(),
+            },
+        },
+    },
+    render: MultipleRowsTemplate,
+}, 'The most common production pattern — several horizontal rows with one `prominence="strong"` value at the top for the headline metric, followed by `"neutral"` breakdown rows.');
+export const MixedOrientations = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { KVPList } from '@arbor-education/design-system.components';
+
+function MixedOrientationsExample() {
+  return (
+    <KVPList aria-label="Student profile">
+      <KVPList.Row orientation="vertical">
+        <KVPList.Term>Full name</KVPList.Term>
+        <KVPList.Definition prominence="strong">Alice Johnson</KVPList.Definition>
+      </KVPList.Row>
+      <KVPList.Row orientation="horizontal">
+        <KVPList.Term>Year group</KVPList.Term>
+        <KVPList.Definition>Year 10</KVPList.Definition>
+      </KVPList.Row>
+    </KVPList>
+  );
+}
+export default MixedOrientationsExample;
+`.trim(),
+            },
+        },
+    },
+    render: MixedOrientationsTemplate,
+}, 'Vertical and horizontal rows can be mixed freely within the same list. Vertical orientation (term above definition) suits long values or primary identity fields; horizontal suits compact metric rows.');
+export const WithAriaLabel = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { KVPList } from '@arbor-education/design-system.components';
+
+function WithAriaLabelExample() {
+  return (
+    // aria-label activates role="group" on the root div
+    <KVPList aria-label="Contact details">
+      <KVPList.Row orientation="horizontal">
+        <KVPList.Term>Email</KVPList.Term>
+        <KVPList.Definition>alice.johnson@school.edu</KVPList.Definition>
+      </KVPList.Row>
+      <KVPList.Row orientation="horizontal">
+        <KVPList.Term>Phone</KVPList.Term>
+        <KVPList.Definition>01234 567890</KVPList.Definition>
+      </KVPList.Row>
+    </KVPList>
+  );
+}
+export default WithAriaLabelExample;
+`.trim(),
+            },
+        },
+    },
+    render: () => (_jsxs(KVPList, { "aria-label": "Contact details", children: [_jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Email" }), _jsx(KVPList.Definition, { children: "alice.johnson@school.edu" })] }), _jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Phone" }), _jsx(KVPList.Definition, { children: "01234 567890" })] }), _jsxs(KVPList.Row, { orientation: "horizontal", children: [_jsx(KVPList.Term, { children: "Key stage" }), _jsx(KVPList.Definition, { children: "Key Stage 4" })] })] })),
+}, 'Providing `aria-label` activates `role="group"` on the root `<div>`, giving screen readers a navigable group landmark. Without `aria-label`, the root is a plain `<div>` with no group semantics.');
+export const WithProgressBars = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { KVPList, Progress } from '@arbor-education/design-system.components';
+
+function WithProgressBarsExample() {
+  return (
+    <KVPList aria-label="Attendance by year group">
+      <KVPList.Row orientation="horizontal">
+        <KVPList.Term>Year 7</KVPList.Term>
+        <KVPList.Definition isPercentage>96</KVPList.Definition>
+        <KVPList.Definition aria-hidden="true" isRow>
+          <Progress aria-label="Year 7 attendance" max={100} value={96} />
+        </KVPList.Definition>
+      </KVPList.Row>
+    </KVPList>
+  );
+}
+export default WithProgressBarsExample;
+`.trim(),
+            },
+        },
+    },
+    render: WithProgressTemplate,
+}, 'A `Progress` bar embedded via `isRow` on a Definition spans the full row width. The progress bar is `aria-hidden="true"` since the percentage value in the preceding Definition already conveys the data to screen readers.');
 //# sourceMappingURL=KVPList.stories.js.map

package/dist/components/kvpList/KVPList.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"KVPList.stories.js","sourceRoot":"","sources":["../../../src/components/kvpList/KVPList.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;CACY,CAAC;AAIjC,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,KAAC,OAAO,OAAK,IAAI,gBAAa,oBAAoB,YAChD,MAAC,OAAO,CAAC,GAAG,IAAC,WAAW,EAAC,YAAY,aACnC,KAAC,OAAO,CAAC,IAAI,6BAA0B,EACvC,KAAC,OAAO,CAAC,UAAU,IAAC,YAAY,QAAC,UAAU,EAAC,QAAQ,mBAAwB,IAChE,GACN,CACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAU;IAC9C,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,KAAC,OAAO,OAAK,IAAI,gBAAa,sBAAsB,YAClD,MAAC,OAAO,CAAC,GAAG,IAAC,WAAW,EAAC,YAAY,aACnC,KAAC,OAAO,CAAC,IAAI,iCAA8B,EAC3C,KAAC,OAAO,CAAC,UAAU,IAAC,YAAY,QAAC,UAAU,EAAC,SAAS,mBAAwB,EAC7E,KAAC,OAAO,CAAC,UAAU,mBAAa,MAAM,EAAC,KAAK,kBAC1C,KAAC,QAAQ,kBAAY,qBAAqB,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,GAAI,GAC/C,IACT,GACN,CACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAU;IAC7C,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,KAAC,OAAO,OAAK,IAAI,gBAAa,yCAAyC,YACrE,MAAC,OAAO,CAAC,GAAG,IAAC,WAAW,EAAC,YAAY,aACnC,KAAC,OAAO,CAAC,IAAI,iCAA8B,EAC3C,KAAC,OAAO,CAAC,UAAU,IAAC,UAAU,EAAC,SAAS,kBAAuB,EAC/D,KAAC,OAAO,CAAC,UAAU,mBAAa,MAAM,EAAC,KAAK,kBAC1C,KAAC,QAAQ,kBAAY,4BAA4B,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,GAAI,GACtD,IACT,GACN,CACX;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"KVPList.stories.js","sourceRoot":"","sources":["../../../src/components/kvpList/KVPList.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/modal/Modal.stories.d.ts

@@ -1,13 +1,117 @@
-import type { Meta } from '@storybook/react-vite';
-import { Modal, type ModalProps } from './Modal';
-declare const meta: Meta<typeof Modal>;
-export declare const Default: {
-    args: {
-        open: boolean;
-        closeHandler: import("@vitest/spy").Mock<(...args: any[]) => any>;
-        title: string;
+import type { StoryObj } from '@storybook/react-vite';
+declare function ModalDocsPage(): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: {
+        (props: import("./Modal").ModalProps): import("react/jsx-runtime").JSX.Element;
+        Header: (props: import("./ModalHeader").ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
+        Body: (props: import("./ModalBody").ModalBodyProps) => import("react/jsx-runtime").JSX.Element;
+        Footer: (props: import("./ModalFooter").ModalFooterProps) => import("react/jsx-runtime").JSX.Element;
+        CloseButton: (props: import("../button/Button").ButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+        Title: (props: import("@radix-ui/react-dialog").DialogTitleProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            page: typeof ModalDocsPage;
+        };
+    };
+    tags: string[];
+    argTypes: {
+        open: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        closeHandler: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        hideCloseButton: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        title: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        overlayClassName: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        portalTarget: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
     };
-    render: (args: ModalProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NoCloseHandler: Story;
+export declare const HideCloseButton: Story;
+export declare const ManualHeaderComposition: Story;
+export declare const LongScrollingContent: Story;
+export declare const WithFormContent: Story;
+export declare const DeleteConfirmation: Story;
+export declare const WithDropdownInsideModal: Story;
 //# sourceMappingURL=Modal.stories.d.ts.map

package/dist/components/modal/Modal.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAI5B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;mBAMH,UAAU;CAgB1B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAgI5D,iBAAS,aAAa,4CAmBrB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoVnC,eAAO,MAAM,OAAO,EAAE,KAwCrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAgD5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA6C7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAmDrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAyClC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA+D7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA6ChC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAmDrC,CAAC"}