@estiva-app/ui 0.11.0 → 0.12.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AppShell.d.ts.map +1 -1
- package/dist/Breadcrumb.d.ts +7 -1
- package/dist/Breadcrumb.d.ts.map +1 -1
- package/dist/Chip.d.ts.map +1 -1
- package/dist/CollapsibleSection.d.ts +42 -0
- package/dist/CollapsibleSection.d.ts.map +1 -0
- package/dist/EmptyState.d.ts +19 -5
- package/dist/EmptyState.d.ts.map +1 -1
- package/dist/NavItem.d.ts.map +1 -1
- package/dist/ScrollArea.d.ts.map +1 -1
- package/dist/SectionHeader.d.ts +31 -10
- package/dist/SectionHeader.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +202 -129
- package/dist/index.js.map +4 -4
- package/package.json +1 -1
- package/src/AppShell.mdx +15 -0
- package/src/AppShell.stories.tsx +15 -0
- package/src/AppShell.test.tsx +39 -0
- package/src/AppShell.tsx +22 -7
- package/src/Breadcrumb.mdx +6 -0
- package/src/Breadcrumb.stories.tsx +12 -0
- package/src/Breadcrumb.test.tsx +10 -0
- package/src/Breadcrumb.tsx +17 -2
- package/src/Chip.tsx +10 -2
- package/src/CollapsibleSection.mdx +72 -0
- package/src/CollapsibleSection.stories.tsx +38 -0
- package/src/CollapsibleSection.test.tsx +81 -0
- package/src/CollapsibleSection.tsx +92 -0
- package/src/EmptyState.mdx +30 -10
- package/src/EmptyState.stories.tsx +7 -3
- package/src/EmptyState.test.tsx +39 -0
- package/src/EmptyState.tsx +23 -6
- package/src/NavItem.tsx +5 -1
- package/src/ScrollArea.mdx +6 -0
- package/src/ScrollArea.stories.tsx +29 -0
- package/src/ScrollArea.test.tsx +15 -0
- package/src/ScrollArea.tsx +17 -4
- package/src/SectionHeader.mdx +26 -17
- package/src/SectionHeader.stories.tsx +4 -35
- package/src/SectionHeader.test.tsx +40 -0
- package/src/SectionHeader.tsx +70 -39
- package/src/Sidebar.mdx +14 -10
- package/src/Sidebar.stories.tsx +17 -15
- package/src/index.ts +1 -0
- package/stories/Choosing.mdx +2 -1
package/src/index.ts
CHANGED
|
@@ -49,6 +49,7 @@ export { Property, type PropertyProps } from './Property'
|
|
|
49
49
|
export { Reaction, type ReactionProps } from './Reaction'
|
|
50
50
|
export { SearchInput, type SearchInputProps } from './SearchInput'
|
|
51
51
|
export { SectionHeader, type SectionAction, type SectionHeaderProps } from './SectionHeader'
|
|
52
|
+
export { CollapsibleSection, type CollapsibleSectionProps } from './CollapsibleSection'
|
|
52
53
|
export { SectionLabel } from './SectionLabel'
|
|
53
54
|
export { Tabs, type TabDef, type TabsProps } from './Tabs'
|
|
54
55
|
export { Toast, ToastProvider, useToast, type ToastOptions, type ToastProps, type ToastType } from './Toast'
|
package/stories/Choosing.mdx
CHANGED
|
@@ -68,6 +68,7 @@ fork freely, owe nothing back, mention it on the package's ticket.
|
|
|
68
68
|
|---|---|
|
|
69
69
|
| Label–value rows (a details rail) | **Property** — `row` and `stacked` |
|
|
70
70
|
| A section heading, chevron, hover actions | **SectionHeader** |
|
|
71
|
+
| A group of rows that opens and closes, and stays how you left it | **CollapsibleSection** — `storageKey` remembers |
|
|
71
72
|
| The uppercase micro-label | **SectionLabel** |
|
|
72
73
|
| A hairline | **Divider** |
|
|
73
74
|
| Where am I, and the way back up | **Breadcrumb** |
|
|
@@ -78,7 +79,7 @@ fork freely, owe nothing back, mention it on the package's ticket.
|
|
|
78
79
|
| You need | Reach for |
|
|
79
80
|
|---|---|
|
|
80
81
|
| Data is on its way | **Skeleton** — shaped like what will arrive |
|
|
81
|
-
| Nothing to show | **EmptyState** — says what would fill it |
|
|
82
|
+
| Nothing to show | **EmptyState** — says what would fill it; `page` when the whole page is empty (icon, centred), `section` when one part of it is (the line alone, left) |
|
|
82
83
|
| It happened, briefly | **Toast**, via `useToast` inside a `ToastProvider` |
|
|
83
84
|
| It happened, and must not be missed | **Toast** with `durationMs: 0` and an action — it floats and stays until dismissed (D21) |
|
|
84
85
|
| The whole surface has something to say | **Banner** — the strip under the top bar, full width; `onDismiss` if the reader closes it rather than the app |
|