@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.
Files changed (137) hide show
  1. package/dist/agent/Accordion.md +1 -1
  2. package/dist/agent/Actions.md +1 -1
  3. package/dist/agent/Alert.md +1 -1
  4. package/dist/agent/AppShell.md +1 -1
  5. package/dist/agent/ArchitectureFigure.md +1 -1
  6. package/dist/agent/AreaChart.md +1 -1
  7. package/dist/agent/Article.md +1 -1
  8. package/dist/agent/AspectRatio.md +1 -1
  9. package/dist/agent/Avatar.md +1 -1
  10. package/dist/agent/Badge.md +1 -1
  11. package/dist/agent/BarChart.md +1 -1
  12. package/dist/agent/BarList.md +1 -1
  13. package/dist/agent/BigNumber.md +1 -1
  14. package/dist/agent/BoxPlot.md +1 -1
  15. package/dist/agent/Breadcrumb.md +1 -1
  16. package/dist/agent/BulletChart.md +1 -1
  17. package/dist/agent/Button.md +1 -1
  18. package/dist/agent/Calendar.md +1 -1
  19. package/dist/agent/CalendarHeatmap.md +1 -1
  20. package/dist/agent/Card.md +1 -1
  21. package/dist/agent/Checkbox.md +1 -1
  22. package/dist/agent/Code.md +1 -1
  23. package/dist/agent/CodeBlock.md +1 -1
  24. package/dist/agent/Collapsible.md +1 -1
  25. package/dist/agent/Collection.md +1 -1
  26. package/dist/agent/ColorPicker.md +1 -1
  27. package/dist/agent/Combobox.md +1 -1
  28. package/dist/agent/Command.md +1 -1
  29. package/dist/agent/ComposedChart.md +1 -1
  30. package/dist/agent/Contact.md +1 -1
  31. package/dist/agent/Content.md +1 -1
  32. package/dist/agent/ContextMenu.md +1 -1
  33. package/dist/agent/Conversation.md +1 -1
  34. package/dist/agent/DataflowFigure.md +1 -1
  35. package/dist/agent/DatePicker.md +1 -1
  36. package/dist/agent/DescriptionList.md +1 -1
  37. package/dist/agent/Diagram.md +1 -1
  38. package/dist/agent/DiagramCanvas.md +1 -1
  39. package/dist/agent/DiagramExportMenu.md +1 -1
  40. package/dist/agent/DiagramInspector.md +1 -1
  41. package/dist/agent/DiagramLegend.md +1 -1
  42. package/dist/agent/DiagramMinimap.md +1 -1
  43. package/dist/agent/DiagramToolbar.md +1 -1
  44. package/dist/agent/Dialog.md +1 -1
  45. package/dist/agent/DropdownMenu.md +1 -1
  46. package/dist/agent/EmptyState.md +1 -1
  47. package/dist/agent/ErrorState.md +1 -1
  48. package/dist/agent/Evidence.md +1 -1
  49. package/dist/agent/Facet.md +1 -1
  50. package/dist/agent/Field.md +1 -1
  51. package/dist/agent/FigureBand.md +1 -1
  52. package/dist/agent/FloatingIconButton.md +1 -1
  53. package/dist/agent/FunnelChart.md +1 -1
  54. package/dist/agent/Heading.md +1 -1
  55. package/dist/agent/Heatmap.md +1 -1
  56. package/dist/agent/Histogram.md +1 -1
  57. package/dist/agent/Input.md +1 -1
  58. package/dist/agent/Kbd.md +1 -1
  59. package/dist/agent/LifecycleFigure.md +1 -1
  60. package/dist/agent/LineChart.md +1 -1
  61. package/dist/agent/LinkArrow.md +1 -1
  62. package/dist/agent/Markdown.md +1 -1
  63. package/dist/agent/Media.md +1 -1
  64. package/dist/agent/Metric.md +1 -1
  65. package/dist/agent/Metrics.md +1 -1
  66. package/dist/agent/Music.md +1 -1
  67. package/dist/agent/NativeSelect.md +1 -1
  68. package/dist/agent/NavItem.md +1 -1
  69. package/dist/agent/NumberField.md +1 -1
  70. package/dist/agent/PageHeader.md +1 -1
  71. package/dist/agent/Pagination.md +1 -1
  72. package/dist/agent/PieChart.md +1 -1
  73. package/dist/agent/Popover.md +1 -1
  74. package/dist/agent/Portfolio.md +1 -1
  75. package/dist/agent/PortfolioIndex.md +1 -1
  76. package/dist/agent/Progress.md +1 -1
  77. package/dist/agent/RadarChart.md +1 -1
  78. package/dist/agent/RadialChart.md +1 -1
  79. package/dist/agent/RadioGroup.md +1 -1
  80. package/dist/agent/Reading.md +1 -1
  81. package/dist/agent/Recovery.md +4 -3
  82. package/dist/agent/SankeyChart.md +1 -1
  83. package/dist/agent/ScatterChart.md +1 -1
  84. package/dist/agent/ScrollArea.md +1 -1
  85. package/dist/agent/SearchPalette.md +1 -1
  86. package/dist/agent/SearchableMenu.md +1 -1
  87. package/dist/agent/Select.md +1 -1
  88. package/dist/agent/Separator.md +1 -1
  89. package/dist/agent/SequenceFigure.md +1 -1
  90. package/dist/agent/Sheet.md +1 -1
  91. package/dist/agent/Sidebar.md +1 -1
  92. package/dist/agent/SiteNavigation.md +1 -1
  93. package/dist/agent/SiteShell.md +1 -1
  94. package/dist/agent/Skeleton.md +1 -1
  95. package/dist/agent/Slider.md +1 -1
  96. package/dist/agent/Sparkline.md +1 -1
  97. package/dist/agent/Spinner.md +5 -1
  98. package/dist/agent/StatusDot.md +1 -1
  99. package/dist/agent/StatusPill.md +1 -1
  100. package/dist/agent/Steps.md +1 -1
  101. package/dist/agent/Switch.md +1 -1
  102. package/dist/agent/Table.md +1 -1
  103. package/dist/agent/Tabs.md +1 -1
  104. package/dist/agent/Tag.md +1 -1
  105. package/dist/agent/Text.md +1 -1
  106. package/dist/agent/Textarea.md +1 -1
  107. package/dist/agent/Timeline.md +1 -1
  108. package/dist/agent/Timestamp.md +1 -1
  109. package/dist/agent/Toast.md +1 -1
  110. package/dist/agent/ToggleGroup.md +1 -1
  111. package/dist/agent/Toolbar.md +1 -1
  112. package/dist/agent/Tooltip.md +1 -1
  113. package/dist/agent/TreemapChart.md +1 -1
  114. package/dist/agent/WaterfallChart.md +1 -1
  115. package/dist/agent/Workbench.md +1 -1
  116. package/dist/agent/WorkflowFigure.md +1 -1
  117. package/dist/agent/catalog.json +2 -1
  118. package/dist/agent/index.md +1 -1
  119. package/dist/components/Spinner/Spinner.d.ts +7 -1
  120. package/dist/components/Spinner/Spinner.js +5 -2
  121. package/dist/components/Spinner/Spinner.js.map +1 -1
  122. package/dist/index.d.ts +1 -1
  123. package/dist/semantic.css +1 -0
  124. package/dist/styles.css +1 -1
  125. package/dist/tokens.css +3 -0
  126. package/dist/tokens.d.ts +2 -0
  127. package/dist/tokens.js +11 -0
  128. package/dist/tokens.json +11 -0
  129. package/dist/website/Media/Media.js +2 -2
  130. package/dist/website/Media/Media.js.map +1 -1
  131. package/dist/website/Recovery/Recovery.d.ts +14 -7
  132. package/dist/website/Recovery/Recovery.js +59 -44
  133. package/dist/website/Recovery/Recovery.js.map +1 -1
  134. package/dist/website-actions.css +1 -1
  135. package/dist/website-media.css +13 -8
  136. package/dist/website-recovery.css +13 -6
  137. package/package.json +1 -1
@@ -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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/media/
10
10
 
11
11
  ## When to reach for it
@@ -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.18.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
 
@@ -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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/metrics/
10
10
 
11
11
  ## When to reach for it
@@ -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.18.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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/native-select/
10
10
  - Related: select, field
11
11
 
@@ -5,7 +5,7 @@ A row in a sidebar.
5
5
  - Kind: component
6
6
  - Group: Navigation
7
7
  - Import: `import { NavItem } from '@misoto22/folio'`
8
- - Version: 0.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/nav-item/
10
10
  - Related: app-shell
11
11
 
@@ -5,7 +5,7 @@ A number, typed or swept to.
5
5
  - Kind: component
6
6
  - Group: Forms
7
7
  - Import: `import { NumberField } from '@misoto22/folio'`
8
- - Version: 0.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/number-field/
10
10
  - Related: input, slider, field
11
11
 
@@ -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.18.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
 
@@ -5,7 +5,7 @@ Numbered pages, with the middle elided.
5
5
  - Kind: component
6
6
  - Group: Navigation
7
7
  - Import: `import { Pagination } from '@misoto22/folio'`
8
- - Version: 0.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/pagination/
10
10
  - Related: breadcrumb
11
11
 
@@ -5,7 +5,7 @@ Parts of one whole.
5
5
  - Kind: component
6
6
  - Group: Charts
7
7
  - Import: `import { PieChart } from '@misoto22/folio/charts'`
8
- - Version: 0.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/pie-chart/
10
10
  - Related: radial-chart, bar-chart
11
11
 
@@ -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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/popover/
10
10
  - Related: tooltip, dropdown-menu
11
11
 
@@ -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.18.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.18.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
@@ -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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/progress/
10
10
  - Related: spinner
11
11
 
@@ -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.18.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.18.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
 
@@ -5,7 +5,7 @@ A set of mutually exclusive choices.
5
5
  - Kind: component
6
6
  - Group: Forms
7
7
  - Import: `import { RadioGroup } from '@misoto22/folio'`
8
- - Version: 0.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/radio-group/
10
10
  - Related: checkbox, select
11
11
 
@@ -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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/reading/
10
10
 
11
11
  ## When to reach for it
@@ -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.18.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. Every layout waits a beat before it shows and then fades in, so a route that resolves within that beat goes straight from the old page to the new one instead of flashing grey bars for a frame. A detail route needs its own `article` or `photograph` shape: inheriting the list skeleton above it promises a layout the page then abandons.
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.18.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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/scatter-chart/
10
10
  - Related: line-chart, heatmap
11
11
 
@@ -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.18.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.18.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.18.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
 
@@ -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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/select/
10
10
  - Related: combobox, native-select, field
11
11
 
@@ -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.18.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.18.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
 
@@ -5,7 +5,7 @@ A panel docked to an edge of the viewport.
5
5
  - Kind: component
6
6
  - Group: Overlays
7
7
  - Import: `import { Sheet } from '@misoto22/folio'`
8
- - Version: 0.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/sheet/
10
10
  - Related: dialog, popover
11
11
 
@@ -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.18.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.18.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
@@ -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.18.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
@@ -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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/skeleton/
10
10
  - Related: spinner, empty-state
11
11
 
@@ -5,7 +5,7 @@ A value chosen along a range.
5
5
  - Kind: component
6
6
  - Group: Forms
7
7
  - Import: `import { Slider } from '@misoto22/folio'`
8
- - Version: 0.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/slider/
10
10
  - Related: progress
11
11
 
@@ -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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/sparkline/
10
10
  - Related: line-chart, table
11
11
 
@@ -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.18.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.
@@ -5,7 +5,7 @@ The dot beside a status word.
5
5
  - Kind: component
6
6
  - Group: Display
7
7
  - Import: `import { StatusDot } from '@misoto22/folio'`
8
- - Version: 0.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/status-dot/
10
10
  - Related: status-pill
11
11
 
@@ -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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/status-pill/
10
10
  - Related: status-dot, badge
11
11
 
@@ -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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/steps/
10
10
  - Related: diagram, article
11
11
 
@@ -5,7 +5,7 @@ A setting that takes effect immediately.
5
5
  - Kind: component
6
6
  - Group: Forms
7
7
  - Import: `import { Switch } from '@misoto22/folio'`
8
- - Version: 0.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/switch/
10
10
  - Related: checkbox
11
11
 
@@ -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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/table/
10
10
  - Related: card, figure-band
11
11
 
@@ -5,7 +5,7 @@ One strip, several panels.
5
5
  - Kind: component
6
6
  - Group: Navigation
7
7
  - Import: `import { Tabs } from '@misoto22/folio'`
8
- - Version: 0.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/tabs/
10
10
  - Related: accordion
11
11
 
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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/tag/
10
10
  - Related: badge, status-pill
11
11
 
@@ -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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/text/
10
10
  - Related: heading, article, markdown
11
11
 
@@ -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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/textarea/
10
10
  - Related: input, field
11
11
 
@@ -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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/timeline/
10
10
 
11
11
  ## When to reach for it
@@ -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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/timestamp/
10
10
  - Related: text, badge, description-list
11
11
 
@@ -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.18.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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/toggle-group/
10
10
  - Related: tabs, radio-group
11
11
 
@@ -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.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/toolbar/
10
10
  - Related: button, app-shell, card
11
11
 
@@ -5,7 +5,7 @@ A short label on hover and on focus.
5
5
  - Kind: component
6
6
  - Group: Overlays
7
7
  - Import: `import { Tooltip } from '@misoto22/folio'`
8
- - Version: 0.18.0
8
+ - Version: 0.19.1
9
9
  - Docs: https://ui.misoto22.com/components/tooltip/
10
10
  - Related: dialog
11
11
 
@@ -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.18.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.18.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
 
@@ -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.18.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.18.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
 
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.18.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",
@@ -1,4 +1,4 @@
1
- # @misoto22/folio 0.18.0
1
+ # @misoto22/folio 0.19.1
2
2
 
3
3
  > Monochrome design system: portable CSS tokens and accessible React 19
4
4
  > primitives. Components ship compiled — import them, do not copy them.
@@ -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 };