@misoto22/folio 0.18.0 → 0.19.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/agent/Accordion.md +1 -1
- package/dist/agent/Actions.md +1 -1
- package/dist/agent/Alert.md +1 -1
- package/dist/agent/AppShell.md +1 -1
- package/dist/agent/ArchitectureFigure.md +1 -1
- package/dist/agent/AreaChart.md +1 -1
- package/dist/agent/Article.md +1 -1
- package/dist/agent/AspectRatio.md +1 -1
- package/dist/agent/Avatar.md +1 -1
- package/dist/agent/Badge.md +1 -1
- package/dist/agent/BarChart.md +1 -1
- package/dist/agent/BarList.md +1 -1
- package/dist/agent/BigNumber.md +1 -1
- package/dist/agent/BoxPlot.md +1 -1
- package/dist/agent/Breadcrumb.md +1 -1
- package/dist/agent/BulletChart.md +1 -1
- package/dist/agent/Button.md +1 -1
- package/dist/agent/Calendar.md +1 -1
- package/dist/agent/CalendarHeatmap.md +1 -1
- package/dist/agent/Card.md +1 -1
- package/dist/agent/Checkbox.md +1 -1
- package/dist/agent/Code.md +1 -1
- package/dist/agent/CodeBlock.md +1 -1
- package/dist/agent/Collapsible.md +1 -1
- package/dist/agent/Collection.md +1 -1
- package/dist/agent/ColorPicker.md +1 -1
- package/dist/agent/Combobox.md +1 -1
- package/dist/agent/Command.md +1 -1
- package/dist/agent/ComposedChart.md +1 -1
- package/dist/agent/Contact.md +1 -1
- package/dist/agent/Content.md +1 -1
- package/dist/agent/ContextMenu.md +1 -1
- package/dist/agent/Conversation.md +1 -1
- package/dist/agent/DataflowFigure.md +1 -1
- package/dist/agent/DatePicker.md +1 -1
- package/dist/agent/DescriptionList.md +1 -1
- package/dist/agent/Diagram.md +1 -1
- package/dist/agent/DiagramCanvas.md +1 -1
- package/dist/agent/DiagramExportMenu.md +1 -1
- package/dist/agent/DiagramInspector.md +1 -1
- package/dist/agent/DiagramLegend.md +1 -1
- package/dist/agent/DiagramMinimap.md +1 -1
- package/dist/agent/DiagramToolbar.md +1 -1
- package/dist/agent/Dialog.md +1 -1
- package/dist/agent/DropdownMenu.md +1 -1
- package/dist/agent/EmptyState.md +1 -1
- package/dist/agent/ErrorState.md +1 -1
- package/dist/agent/Evidence.md +1 -1
- package/dist/agent/Facet.md +1 -1
- package/dist/agent/Field.md +1 -1
- package/dist/agent/FigureBand.md +1 -1
- package/dist/agent/FloatingIconButton.md +1 -1
- package/dist/agent/FunnelChart.md +1 -1
- package/dist/agent/Heading.md +1 -1
- package/dist/agent/Heatmap.md +1 -1
- package/dist/agent/Histogram.md +1 -1
- package/dist/agent/Input.md +1 -1
- package/dist/agent/Kbd.md +1 -1
- package/dist/agent/LifecycleFigure.md +1 -1
- package/dist/agent/LineChart.md +1 -1
- package/dist/agent/LinkArrow.md +1 -1
- package/dist/agent/Markdown.md +1 -1
- package/dist/agent/Media.md +1 -1
- package/dist/agent/Metric.md +1 -1
- package/dist/agent/Metrics.md +1 -1
- package/dist/agent/Music.md +1 -1
- package/dist/agent/NativeSelect.md +1 -1
- package/dist/agent/NavItem.md +1 -1
- package/dist/agent/NumberField.md +1 -1
- package/dist/agent/PageHeader.md +1 -1
- package/dist/agent/Pagination.md +1 -1
- package/dist/agent/PieChart.md +1 -1
- package/dist/agent/Popover.md +1 -1
- package/dist/agent/Portfolio.md +1 -1
- package/dist/agent/PortfolioIndex.md +1 -1
- package/dist/agent/Progress.md +1 -1
- package/dist/agent/RadarChart.md +1 -1
- package/dist/agent/RadialChart.md +1 -1
- package/dist/agent/RadioGroup.md +1 -1
- package/dist/agent/Reading.md +1 -1
- package/dist/agent/Recovery.md +4 -3
- package/dist/agent/SankeyChart.md +1 -1
- package/dist/agent/ScatterChart.md +1 -1
- package/dist/agent/ScrollArea.md +1 -1
- package/dist/agent/SearchPalette.md +1 -1
- package/dist/agent/SearchableMenu.md +1 -1
- package/dist/agent/Select.md +1 -1
- package/dist/agent/Separator.md +1 -1
- package/dist/agent/SequenceFigure.md +1 -1
- package/dist/agent/Sheet.md +1 -1
- package/dist/agent/Sidebar.md +1 -1
- package/dist/agent/SiteNavigation.md +1 -1
- package/dist/agent/SiteShell.md +1 -1
- package/dist/agent/Skeleton.md +1 -1
- package/dist/agent/Slider.md +1 -1
- package/dist/agent/Sparkline.md +1 -1
- package/dist/agent/Spinner.md +5 -1
- package/dist/agent/StatusDot.md +1 -1
- package/dist/agent/StatusPill.md +1 -1
- package/dist/agent/Steps.md +1 -1
- package/dist/agent/Switch.md +1 -1
- package/dist/agent/Table.md +1 -1
- package/dist/agent/Tabs.md +1 -1
- package/dist/agent/Tag.md +1 -1
- package/dist/agent/Text.md +1 -1
- package/dist/agent/Textarea.md +1 -1
- package/dist/agent/Timeline.md +1 -1
- package/dist/agent/Timestamp.md +1 -1
- package/dist/agent/Toast.md +1 -1
- package/dist/agent/ToggleGroup.md +1 -1
- package/dist/agent/Toolbar.md +1 -1
- package/dist/agent/Tooltip.md +1 -1
- package/dist/agent/TreemapChart.md +1 -1
- package/dist/agent/WaterfallChart.md +1 -1
- package/dist/agent/Workbench.md +1 -1
- package/dist/agent/WorkflowFigure.md +1 -1
- package/dist/agent/catalog.json +2 -1
- package/dist/agent/index.md +1 -1
- package/dist/components/Spinner/Spinner.d.ts +7 -1
- package/dist/components/Spinner/Spinner.js +5 -2
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/semantic.css +1 -0
- package/dist/styles.css +1 -1
- package/dist/tokens.css +3 -0
- package/dist/tokens.d.ts +2 -0
- package/dist/tokens.js +11 -0
- package/dist/tokens.json +11 -0
- package/dist/website/Media/Media.js +2 -2
- package/dist/website/Media/Media.js.map +1 -1
- package/dist/website/Recovery/Recovery.d.ts +14 -7
- package/dist/website/Recovery/Recovery.js +59 -44
- package/dist/website/Recovery/Recovery.js.map +1 -1
- package/dist/website-actions.css +1 -1
- package/dist/website-media.css +13 -8
- package/dist/website-recovery.css +13 -6
- package/package.json +1 -1
package/dist/agent/Media.md
CHANGED
|
@@ -5,7 +5,7 @@ Photograph collections, lightboxes, image details and map controls.
|
|
|
5
5
|
- Kind: pattern
|
|
6
6
|
- Group: Website
|
|
7
7
|
- Import: `import { MediaMasthead } from '@misoto22/folio/website'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/media/
|
|
10
10
|
|
|
11
11
|
## When to reach for it
|
package/dist/agent/Metric.md
CHANGED
|
@@ -5,7 +5,7 @@ One reading, on a plate: a label, a figure, and what qualifies it.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Data
|
|
7
7
|
- Import: `import { Metric } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/metric/
|
|
10
10
|
- Related: big-number, status-dot, sparkline
|
|
11
11
|
|
package/dist/agent/Metrics.md
CHANGED
|
@@ -5,7 +5,7 @@ Metric panels, accessible data tables and chart arrangements.
|
|
|
5
5
|
- Kind: pattern
|
|
6
6
|
- Group: Website
|
|
7
7
|
- Import: `import { MetricsRange } from '@misoto22/folio/website'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/metrics/
|
|
10
10
|
|
|
11
11
|
## When to reach for it
|
package/dist/agent/Music.md
CHANGED
|
@@ -5,7 +5,7 @@ Featured recordings, track rows and playlist collections.
|
|
|
5
5
|
- Kind: pattern
|
|
6
6
|
- Group: Website
|
|
7
7
|
- Import: `import { MediaListRow } from '@misoto22/folio/website'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/music/
|
|
10
10
|
|
|
11
11
|
## When to reach for it
|
|
@@ -5,7 +5,7 @@ The platform’s own picker, restyled where it can be.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Forms
|
|
7
7
|
- Import: `import { NativeSelect } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/native-select/
|
|
10
10
|
- Related: select, field
|
|
11
11
|
|
package/dist/agent/NavItem.md
CHANGED
package/dist/agent/PageHeader.md
CHANGED
|
@@ -5,7 +5,7 @@ A page opening: what this page is, and what qualifies it.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Surfaces
|
|
7
7
|
- Import: `import { PageHeader } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/page-header/
|
|
10
10
|
- Related: heading, breadcrumb, app-shell
|
|
11
11
|
|
package/dist/agent/Pagination.md
CHANGED
package/dist/agent/PieChart.md
CHANGED
package/dist/agent/Popover.md
CHANGED
|
@@ -5,7 +5,7 @@ A panel anchored to a control, holding content you can interact with.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Overlays
|
|
7
7
|
- Import: `import { Popover } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/popover/
|
|
10
10
|
- Related: tooltip, dropdown-menu
|
|
11
11
|
|
package/dist/agent/Portfolio.md
CHANGED
|
@@ -5,7 +5,7 @@ An editorial introduction, featured images, records and a question card.
|
|
|
5
5
|
- Kind: pattern
|
|
6
6
|
- Group: Website
|
|
7
7
|
- Import: `import { Portfolio } from '@misoto22/folio/website'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/portfolio/
|
|
10
10
|
|
|
11
11
|
## When to reach for it
|
|
@@ -5,7 +5,7 @@ Tabbed collections with a supporting editorial column.
|
|
|
5
5
|
- Kind: pattern
|
|
6
6
|
- Group: Website
|
|
7
7
|
- Import: `import { PortfolioIndex } from '@misoto22/folio/website'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/portfolio-index/
|
|
10
10
|
|
|
11
11
|
## When to reach for it
|
package/dist/agent/Progress.md
CHANGED
|
@@ -5,7 +5,7 @@ A bar that fills, or sweeps when the end is unknown.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Feedback
|
|
7
7
|
- Import: `import { Progress } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/progress/
|
|
10
10
|
- Related: spinner
|
|
11
11
|
|
package/dist/agent/RadarChart.md
CHANGED
|
@@ -5,7 +5,7 @@ A profile across several named dimensions.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Charts
|
|
7
7
|
- Import: `import { RadarChart } from '@misoto22/folio/charts'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/radar-chart/
|
|
10
10
|
- Related: line-chart, pie-chart
|
|
11
11
|
|
|
@@ -5,7 +5,7 @@ Values on an arc — a gauge, or a few totals against one scale.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Charts
|
|
7
7
|
- Import: `import { RadialChart } from '@misoto22/folio/charts'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/radial-chart/
|
|
10
10
|
- Related: pie-chart, bar-chart
|
|
11
11
|
|
package/dist/agent/RadioGroup.md
CHANGED
package/dist/agent/Reading.md
CHANGED
|
@@ -5,7 +5,7 @@ Article and project layouts, outlines, media and installation instructions.
|
|
|
5
5
|
- Kind: pattern
|
|
6
6
|
- Group: Website
|
|
7
7
|
- Import: `import { DetailMasthead } from '@misoto22/folio/website'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/reading/
|
|
10
10
|
|
|
11
11
|
## When to reach for it
|
package/dist/agent/Recovery.md
CHANGED
|
@@ -5,7 +5,7 @@ Loading, unavailable and missing-page states with recovery actions.
|
|
|
5
5
|
- Kind: pattern
|
|
6
6
|
- Group: Website
|
|
7
7
|
- Import: `import { RecoveryState } from '@misoto22/folio/website'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/recovery/
|
|
10
10
|
|
|
11
11
|
## When to reach for it
|
|
@@ -60,12 +60,13 @@ A collection skeleton with or without a media column.
|
|
|
60
60
|
|
|
61
61
|
## WebsiteLoading
|
|
62
62
|
|
|
63
|
-
Named loading layouts for the website's reusable page shapes.
|
|
63
|
+
Named loading layouts for the website's reusable page shapes. Static parts at once, data after a wait: an `intro` renders immediately and for real, and the skeleton for the data waits `--duration-wait` before it fades in, so a route that resolves inside the wait goes straight from the old page to the new one. Every shape is the real one's — a detail route needs `article` or `photograph`, a card grid needs `cards` — because a skeleton the page then abandons is the jump it exists to prevent.
|
|
64
64
|
|
|
65
65
|
### Props
|
|
66
66
|
|
|
67
67
|
- `label` (required) — `string`.
|
|
68
|
-
- `layout` — `'records' | 'gallery' | 'media' | 'metrics' | 'identity' | 'article' | 'photograph'` default `'records'`.
|
|
68
|
+
- `layout` — `'records' | 'gallery' | 'media' | 'metrics' | 'identity' | 'article' | 'photograph' | 'cards'` default `'records'`.
|
|
69
|
+
- `intro` — `ReactNode`. The route's real opening — its title and description — rendered at once, in place of the skeleton masthead. A route's own words never wait on its data, so drawing grey bars where they will be is a promise of nothing.
|
|
69
70
|
- `filters` — `boolean` default `false`.
|
|
70
71
|
- `rows` — `number` default `4`.
|
|
71
72
|
- `media` — `boolean` default `true`.
|
|
@@ -5,7 +5,7 @@ Where a quantity goes as it moves through stages.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Charts
|
|
7
7
|
- Import: `import { SankeyChart } from '@misoto22/folio/charts'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/sankey-chart/
|
|
10
10
|
- Related: bar-chart
|
|
11
11
|
|
|
@@ -5,7 +5,7 @@ Two measures against each other, one mark per observation.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Charts
|
|
7
7
|
- Import: `import { ScatterChart } from '@misoto22/folio/charts'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/scatter-chart/
|
|
10
10
|
- Related: line-chart, heatmap
|
|
11
11
|
|
package/dist/agent/ScrollArea.md
CHANGED
|
@@ -5,7 +5,7 @@ A box that scrolls, with a scrollbar that looks the same everywhere.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Surfaces
|
|
7
7
|
- Import: `import { ScrollArea } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/scroll-area/
|
|
10
10
|
- Related: table
|
|
11
11
|
|
|
@@ -5,7 +5,7 @@ Search results, actions and a detail view in one accessible modal.
|
|
|
5
5
|
- Kind: pattern
|
|
6
6
|
- Group: Website
|
|
7
7
|
- Import: `import { SearchPalette } from '@misoto22/folio/website'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/search-palette/
|
|
10
10
|
|
|
11
11
|
## When to reach for it
|
|
@@ -5,7 +5,7 @@ A menu of actions you can type into.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Overlays
|
|
7
7
|
- Import: `import { SearchableMenu } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/searchable-menu/
|
|
10
10
|
- Related: dropdown-menu, command, combobox
|
|
11
11
|
|
package/dist/agent/Select.md
CHANGED
|
@@ -5,7 +5,7 @@ A choice from a list, styled the whole way down.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Forms
|
|
7
7
|
- Import: `import { Select } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/select/
|
|
10
10
|
- Related: combobox, native-select, field
|
|
11
11
|
|
package/dist/agent/Separator.md
CHANGED
|
@@ -5,7 +5,7 @@ A rule, in the three weights a monochrome page needs — with words in it when t
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Display
|
|
7
7
|
- Import: `import { Separator } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/separator/
|
|
10
10
|
|
|
11
11
|
## When to reach for it
|
|
@@ -5,7 +5,7 @@ A call chain over time: who asks whom, in what order, and what comes back.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Diagrams
|
|
7
7
|
- Import: `import { SequenceFigure } from '@misoto22/folio/diagrams'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/sequence-figure/
|
|
10
10
|
- Related: workflow-figure, architecture-figure
|
|
11
11
|
|
package/dist/agent/Sheet.md
CHANGED
package/dist/agent/Sidebar.md
CHANGED
|
@@ -5,7 +5,7 @@ A navigation rail down the side of an application.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Navigation
|
|
7
7
|
- Import: `import { Sidebar } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/sidebar/
|
|
10
10
|
- Related: nav-item, collapsible, app-shell
|
|
11
11
|
|
|
@@ -5,7 +5,7 @@ Responsive navigation and explicit language or appearance choices.
|
|
|
5
5
|
- Kind: pattern
|
|
6
6
|
- Group: Website
|
|
7
7
|
- Import: `import { SiteNavigation } from '@misoto22/folio/website'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/site-navigation/
|
|
10
10
|
|
|
11
11
|
## When to reach for it
|
package/dist/agent/SiteShell.md
CHANGED
|
@@ -5,7 +5,7 @@ Page landmarks, footer groups and shared section headings.
|
|
|
5
5
|
- Kind: pattern
|
|
6
6
|
- Group: Website
|
|
7
7
|
- Import: `import { SiteShell } from '@misoto22/folio/website'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/site-shell/
|
|
10
10
|
|
|
11
11
|
## When to reach for it
|
package/dist/agent/Skeleton.md
CHANGED
|
@@ -5,7 +5,7 @@ The shape of the page, before the page.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Feedback
|
|
7
7
|
- Import: `import { Skeleton } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/skeleton/
|
|
10
10
|
- Related: spinner, empty-state
|
|
11
11
|
|
package/dist/agent/Slider.md
CHANGED
package/dist/agent/Sparkline.md
CHANGED
|
@@ -5,7 +5,7 @@ A run of numbers at the size of a word.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Data
|
|
7
7
|
- Import: `import { Sparkline } from '@misoto22/folio/charts'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/sparkline/
|
|
10
10
|
- Related: line-chart, table
|
|
11
11
|
|
package/dist/agent/Spinner.md
CHANGED
|
@@ -5,7 +5,7 @@ The one “working” indicator — a ring, never a shimmer.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Feedback
|
|
7
7
|
- Import: `import { Spinner } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/spinner/
|
|
10
10
|
- Related: skeleton, progress
|
|
11
11
|
|
|
@@ -40,6 +40,10 @@ A wait short enough that the shape of what is coming does not matter. Longer tha
|
|
|
40
40
|
- label={null} silences it for use inside a control that already announces the operation.
|
|
41
41
|
- Spins under motion-safe only; the static ring still reads as unfinished because the leading quarter is darker.
|
|
42
42
|
|
|
43
|
+
## SPINNER_TURN_MS
|
|
44
|
+
|
|
45
|
+
One full turn of the spinner, in milliseconds. Exported so a host can keep a pressed control turning for at least this long: a reply faster than one turn otherwise reads as a flicker, not as work being done.
|
|
46
|
+
|
|
43
47
|
## Spinner
|
|
44
48
|
|
|
45
49
|
The system's one "working" indicator. A ring, not a blurred glow and not a shimmer: the White Reset has no light source, so depth and softness are not available to it. The leading quarter is the only thing that distinguishes the ring from a plain circle, which is why the track stays a hairline — a spinner is a hint that time is passing, not a feature of the page. It spins under `motion-safe` only. A reader who has asked for less motion gets a static ring, which still reads as "not finished" because the leading quarter is darker than the track. For a wait long enough that the reader would otherwise wonder whether the page is broken, prefer `Skeleton` — a shape that describes what is coming beats a dot that describes nothing. `className` reaches the RING, alongside `size` and `tone`, and overrides them: every utility a caller has for a spinner is about the ring, and merged onto the wrapper instead `className="size-8"` grew an invisible box around an unchanged 18px circle. Layout still works from there — the wrapper is `inline-flex` and takes the ring's margin box as its own.
|
package/dist/agent/StatusDot.md
CHANGED
package/dist/agent/StatusPill.md
CHANGED
|
@@ -5,7 +5,7 @@ A live state, named: a dot plus an uppercase mono label.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Display
|
|
7
7
|
- Import: `import { StatusPill } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/status-pill/
|
|
10
10
|
- Related: status-dot, badge
|
|
11
11
|
|
package/dist/agent/Steps.md
CHANGED
|
@@ -5,7 +5,7 @@ A numbered sequence, as a rail — one thing after another, with a rule through
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Display
|
|
7
7
|
- Import: `import { Steps } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/steps/
|
|
10
10
|
- Related: diagram, article
|
|
11
11
|
|
package/dist/agent/Switch.md
CHANGED
package/dist/agent/Table.md
CHANGED
|
@@ -5,7 +5,7 @@ A ruled data table — alignment, sorting and rules all per column.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Data
|
|
7
7
|
- Import: `import { Table } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/table/
|
|
10
10
|
- Related: card, figure-band
|
|
11
11
|
|
package/dist/agent/Tabs.md
CHANGED
package/dist/agent/Tag.md
CHANGED
|
@@ -5,7 +5,7 @@ A subject label — a topic, a technology, a filter facet — that filters with
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Display
|
|
7
7
|
- Import: `import { Tag } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/tag/
|
|
10
10
|
- Related: badge, status-pill
|
|
11
11
|
|
package/dist/agent/Text.md
CHANGED
|
@@ -5,7 +5,7 @@ The system’s paragraph, on the second rung of the ink ladder.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Display
|
|
7
7
|
- Import: `import { Text } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/text/
|
|
10
10
|
- Related: heading, article, markdown
|
|
11
11
|
|
package/dist/agent/Textarea.md
CHANGED
|
@@ -5,7 +5,7 @@ Multi-line text entry, resizable vertically only.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Forms
|
|
7
7
|
- Import: `import { Textarea } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/textarea/
|
|
10
10
|
- Related: input, field
|
|
11
11
|
|
package/dist/agent/Timeline.md
CHANGED
|
@@ -5,7 +5,7 @@ Career records, profile narratives and chronological lists.
|
|
|
5
5
|
- Kind: pattern
|
|
6
6
|
- Group: Website
|
|
7
7
|
- Import: `import { Timeline } from '@misoto22/folio/website'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/timeline/
|
|
10
10
|
|
|
11
11
|
## When to reach for it
|
package/dist/agent/Timestamp.md
CHANGED
|
@@ -5,7 +5,7 @@ A date or a time, rendered the one way the system renders them.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Display
|
|
7
7
|
- Import: `import { Timestamp } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/timestamp/
|
|
10
10
|
- Related: text, badge, description-list
|
|
11
11
|
|
package/dist/agent/Toast.md
CHANGED
|
@@ -5,7 +5,7 @@ A transient confirmation, mounted once near the app root.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Feedback
|
|
7
7
|
- Import: `import { Toaster } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/toast/
|
|
10
10
|
- Related: alert
|
|
11
11
|
|
|
@@ -5,7 +5,7 @@ A segmented control: several options, one strip.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Forms
|
|
7
7
|
- Import: `import { ToggleGroup } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/toggle-group/
|
|
10
10
|
- Related: tabs, radio-group
|
|
11
11
|
|
package/dist/agent/Toolbar.md
CHANGED
|
@@ -5,7 +5,7 @@ The bar of actions at the edge of a working surface.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Surfaces
|
|
7
7
|
- Import: `import { Toolbar } from '@misoto22/folio'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/toolbar/
|
|
10
10
|
- Related: button, app-shell, card
|
|
11
11
|
|
package/dist/agent/Tooltip.md
CHANGED
|
@@ -5,7 +5,7 @@ Part of a whole, when the whole has too many parts for a pie — and the parts n
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Charts
|
|
7
7
|
- Import: `import { TreemapChart } from '@misoto22/folio/charts'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/treemap-chart/
|
|
10
10
|
- Related: pie-chart, bar-chart
|
|
11
11
|
|
|
@@ -5,7 +5,7 @@ How a total got from one figure to another.
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Charts
|
|
7
7
|
- Import: `import { WaterfallChart } from '@misoto22/folio/charts'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/waterfall-chart/
|
|
10
10
|
- Related: bar-chart, funnel-chart
|
|
11
11
|
|
package/dist/agent/Workbench.md
CHANGED
|
@@ -5,7 +5,7 @@ Section rhythm, hero, cards, entries, timeline, mosaic and scroll reveal for the
|
|
|
5
5
|
- Kind: pattern
|
|
6
6
|
- Group: Website
|
|
7
7
|
- Import: `import { WorkbenchSection } from '@misoto22/folio/website'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/workbench/
|
|
10
10
|
|
|
11
11
|
## When to reach for it
|
|
@@ -5,7 +5,7 @@ A process in lanes and phases, with the main path drawn heavier than its branche
|
|
|
5
5
|
- Kind: component
|
|
6
6
|
- Group: Diagrams
|
|
7
7
|
- Import: `import { WorkflowFigure } from '@misoto22/folio/diagrams'`
|
|
8
|
-
- Version: 0.
|
|
8
|
+
- Version: 0.19.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/workflow-figure/
|
|
10
10
|
- Related: lifecycle-figure, sequence-figure, steps
|
|
11
11
|
|
package/dist/agent/catalog.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.
|
|
2
|
+
"version": "0.19.1",
|
|
3
3
|
"groups": [
|
|
4
4
|
"Actions",
|
|
5
5
|
"Forms",
|
|
@@ -7660,6 +7660,7 @@
|
|
|
7660
7660
|
"SkeletonText": "Skeleton",
|
|
7661
7661
|
"SkeletonPage": "Skeleton",
|
|
7662
7662
|
"Slider": "Slider",
|
|
7663
|
+
"SPINNER_TURN_MS": "Spinner",
|
|
7663
7664
|
"Spinner": "Spinner",
|
|
7664
7665
|
"StatusDot": "StatusDot",
|
|
7665
7666
|
"StatusTone": "StatusDot",
|
package/dist/agent/index.md
CHANGED
|
@@ -24,6 +24,12 @@ interface SpinnerProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
24
24
|
*/
|
|
25
25
|
label?: string | null;
|
|
26
26
|
}
|
|
27
|
+
/**
|
|
28
|
+
* One full turn of the spinner, in milliseconds. Exported so a host can keep a
|
|
29
|
+
* pressed control turning for at least this long: a reply faster than one
|
|
30
|
+
* turn otherwise reads as a flicker, not as work being done.
|
|
31
|
+
*/
|
|
32
|
+
declare const SPINNER_TURN_MS = 700;
|
|
27
33
|
/**
|
|
28
34
|
* The system's one "working" indicator.
|
|
29
35
|
*
|
|
@@ -55,4 +61,4 @@ interface SpinnerProps extends HTMLAttributes<HTMLSpanElement> {
|
|
|
55
61
|
*/
|
|
56
62
|
declare function Spinner({ size, tone, className, label, ...rest }: SpinnerProps): react.JSX.Element;
|
|
57
63
|
|
|
58
|
-
export { Spinner, type SpinnerProps, Spinner as default };
|
|
64
|
+
export { SPINNER_TURN_MS, Spinner, type SpinnerProps, Spinner as default };
|