@misoto22/folio 0.17.0 → 0.17.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 +1 -1
- 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 +1 -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 +1 -1
- package/dist/agent/index.md +1 -1
- package/dist/article.css +1 -1
- package/dist/components/FigureBand/FigureBand.js +1 -1
- package/dist/components/FigureBand/FigureBand.js.map +1 -1
- package/dist/components/Pagination/Pagination.js +2 -2
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Tag/Tag.js +1 -1
- package/dist/components/Tag/Tag.js.map +1 -1
- package/dist/components/Text/Text.js +2 -2
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
- package/dist/components/ToggleGroup/ToggleGroup.js.map +1 -1
- package/dist/semantic.css +6 -4
- package/dist/styles.css +1 -1
- package/dist/themes.css +11 -5
- package/dist/tokens.css +13 -0
- package/dist/tokens.d.ts +2 -0
- package/dist/tokens.js +14 -1
- package/dist/tokens.json +14 -1
- package/dist/website-collection.css +2 -2
- package/dist/website-contact.css +9 -3
- package/dist/website-conversation.css +5 -5
- package/dist/website-evidence.css +1 -1
- package/dist/website-media.css +1 -1
- package/dist/website-metrics.css +1 -1
- package/dist/website-music.css +1 -1
- package/dist/website-reading.css +3 -3
- package/dist/website-recovery.css +1 -1
- package/dist/website-timeline.css +3 -3
- 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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/recovery/
|
|
10
10
|
|
|
11
11
|
## When to reach for it
|
|
@@ -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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.1
|
|
9
9
|
- Docs: https://ui.misoto22.com/components/spinner/
|
|
10
10
|
- Related: skeleton, progress
|
|
11
11
|
|
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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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.17.
|
|
8
|
+
- Version: 0.17.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
package/dist/agent/index.md
CHANGED
package/dist/article.css
CHANGED
|
@@ -35,7 +35,7 @@ function FigureBand({
|
|
|
35
35
|
children: [
|
|
36
36
|
/* @__PURE__ */ jsx("dt", { className: "mb-2 font-sans text-[13px] font-normal leading-normal text-(--ink-3-aa)", children: figure.label }),
|
|
37
37
|
/* @__PURE__ */ jsx("dd", { className: cn("m-0 font-heading font-normal text-(--ink)", VALUE_SCALE[scale]), children: figure.value }),
|
|
38
|
-
figure.note !== void 0 && figure.note !== null && /* @__PURE__ */ jsx("dd", { className: "m-0 mt-2.5 font-sans text-[13px] font-
|
|
38
|
+
figure.note !== void 0 && figure.note !== null && /* @__PURE__ */ jsx("dd", { className: "m-0 mt-2.5 font-sans text-[13px] [font-weight:var(--body-weight)] leading-[1.5] text-(--ink-3-aa)", children: figure.note })
|
|
39
39
|
]
|
|
40
40
|
},
|
|
41
41
|
figure.id
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/FigureBand/FigureBand.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\nimport { cn } from '../../lib/cn'\n\nexport interface Figure {\n /** Stable key; also what a caller keys its own data by. */\n id: string\n /** The label over the value. */\n label: string\n /** The value itself, set in the serif at the band's scale. */\n value: ReactNode\n /** The quiet line under it — a trend, a qualifier, a second fact. */\n note?: ReactNode\n}\n\nexport interface FigureBandProps extends Omit<HTMLAttributes<HTMLDListElement>, 'children'> {\n figures: Figure[]\n /**\n * How large the value is set.\n *\n * `lead` is for a band that is the point of its page — a stats headline,\n * where the numbers ARE the content. `sub` is for a band that supports the\n * page around it, and keeps the ladder honest: a supporting figure must not\n * be set at the same size as the page's own subject.\n */\n scale?: 'lead' | 'sub'\n /** Names the band for assistive tech when it has no visible heading of its own. */\n label?: string\n}\n\nconst VALUE_SCALE = {\n lead: 'text-[clamp(2rem,4cqi,2.75rem)] leading-[1.15] tracking-[-0.02em] tabular-nums',\n sub: 'text-[length:var(--fs-sub)] leading-[1.2]',\n} as const\n\n/** A framed, responsive group of related facts with semantic term/value pairs. */\nexport function FigureBand({\n figures,\n scale = 'lead',\n label,\n className,\n ...rest\n}: FigureBandProps) {\n if (figures.length === 0) return null\n\n // Balance six metrics into two complete rows instead of a four-plus-two grid.\n const columns = Math.min(4, Math.ceil(figures.length / Math.ceil(figures.length / 4)))\n const columnClass = {\n 1: '@xl:basis-full',\n 2: '@xl:basis-[calc(50%-.5px)]',\n 3: '@xl:basis-[calc(33.333333%-.667px)]',\n 4: '@xl:basis-[calc(25%-.75px)]',\n }[columns]\n\n return (\n <div className=\"folio-figure-band @container w-full\">\n <dl\n aria-label={label}\n className={cn(\n 'm-0 flex w-full flex-wrap gap-px overflow-hidden rounded-[10px] border border-(--rule) bg-(--rule)',\n className,\n )}\n {...rest}\n >\n {figures.map((figure) => (\n <div\n key={figure.id}\n className={cn('min-w-0 grow basis-[calc(50%-.5px)] bg-(--paper) px-5 py-5 @xl:px-6 @xl:py-6', columnClass)}\n >\n <dt className=\"mb-2 font-sans text-[13px] font-normal leading-normal text-(--ink-3-aa)\">{figure.label}</dt>\n <dd className={cn('m-0 font-heading font-normal text-(--ink)', VALUE_SCALE[scale])}>\n {figure.value}\n </dd>\n {figure.note !== undefined && figure.note !== null && (\n <dd className=\"m-0 mt-2.5 font-sans text-[13px] font-
|
|
1
|
+
{"version":3,"sources":["../../../src/components/FigureBand/FigureBand.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\nimport { cn } from '../../lib/cn'\n\nexport interface Figure {\n /** Stable key; also what a caller keys its own data by. */\n id: string\n /** The label over the value. */\n label: string\n /** The value itself, set in the serif at the band's scale. */\n value: ReactNode\n /** The quiet line under it — a trend, a qualifier, a second fact. */\n note?: ReactNode\n}\n\nexport interface FigureBandProps extends Omit<HTMLAttributes<HTMLDListElement>, 'children'> {\n figures: Figure[]\n /**\n * How large the value is set.\n *\n * `lead` is for a band that is the point of its page — a stats headline,\n * where the numbers ARE the content. `sub` is for a band that supports the\n * page around it, and keeps the ladder honest: a supporting figure must not\n * be set at the same size as the page's own subject.\n */\n scale?: 'lead' | 'sub'\n /** Names the band for assistive tech when it has no visible heading of its own. */\n label?: string\n}\n\nconst VALUE_SCALE = {\n lead: 'text-[clamp(2rem,4cqi,2.75rem)] leading-[1.15] tracking-[-0.02em] tabular-nums',\n sub: 'text-[length:var(--fs-sub)] leading-[1.2]',\n} as const\n\n/** A framed, responsive group of related facts with semantic term/value pairs. */\nexport function FigureBand({\n figures,\n scale = 'lead',\n label,\n className,\n ...rest\n}: FigureBandProps) {\n if (figures.length === 0) return null\n\n // Balance six metrics into two complete rows instead of a four-plus-two grid.\n const columns = Math.min(4, Math.ceil(figures.length / Math.ceil(figures.length / 4)))\n const columnClass = {\n 1: '@xl:basis-full',\n 2: '@xl:basis-[calc(50%-.5px)]',\n 3: '@xl:basis-[calc(33.333333%-.667px)]',\n 4: '@xl:basis-[calc(25%-.75px)]',\n }[columns]\n\n return (\n <div className=\"folio-figure-band @container w-full\">\n <dl\n aria-label={label}\n className={cn(\n 'm-0 flex w-full flex-wrap gap-px overflow-hidden rounded-[10px] border border-(--rule) bg-(--rule)',\n className,\n )}\n {...rest}\n >\n {figures.map((figure) => (\n <div\n key={figure.id}\n className={cn('min-w-0 grow basis-[calc(50%-.5px)] bg-(--paper) px-5 py-5 @xl:px-6 @xl:py-6', columnClass)}\n >\n <dt className=\"mb-2 font-sans text-[13px] font-normal leading-normal text-(--ink-3-aa)\">{figure.label}</dt>\n <dd className={cn('m-0 font-heading font-normal text-(--ink)', VALUE_SCALE[scale])}>\n {figure.value}\n </dd>\n {figure.note !== undefined && figure.note !== null && (\n <dd className=\"m-0 mt-2.5 font-sans text-[13px] [font-weight:var(--body-weight)] leading-[1.5] text-(--ink-3-aa)\">\n {figure.note}\n </dd>\n )}\n </div>\n ))}\n </dl>\n </div>\n )\n}\n\nexport default FigureBand\n"],"mappings":"AAgEU,SAIE,KAJF;AA/DV,SAAS,UAAU;AA4BnB,MAAM,cAAc;AAAA,EAClB,MAAM;AAAA,EACN,KAAK;AACP;AAGO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,MAAI,QAAQ,WAAW,EAAG,QAAO;AAGjC,QAAM,UAAU,KAAK,IAAI,GAAG,KAAK,KAAK,QAAQ,SAAS,KAAK,KAAK,QAAQ,SAAS,CAAC,CAAC,CAAC;AACrF,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL,EAAE,OAAO;AAET,SACE,oBAAC,SAAI,WAAU,uCACb;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,kBAAQ,IAAI,CAAC,WACZ;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW,GAAG,gFAAgF,WAAW;AAAA,UAEzG;AAAA,gCAAC,QAAG,WAAU,2EAA2E,iBAAO,OAAM;AAAA,YACtG,oBAAC,QAAG,WAAW,GAAG,6CAA6C,YAAY,KAAK,CAAC,GAC9E,iBAAO,OACV;AAAA,YACC,OAAO,SAAS,UAAa,OAAO,SAAS,QAC5C,oBAAC,QAAG,WAAU,qGACX,iBAAO,MACV;AAAA;AAAA;AAAA,QAVG,OAAO;AAAA,MAYd,CACD;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,IAAO,qBAAQ;","names":[]}
|
|
@@ -61,7 +61,7 @@ function Pagination({
|
|
|
61
61
|
{
|
|
62
62
|
"aria-hidden": true,
|
|
63
63
|
"data-folio-animated": true,
|
|
64
|
-
className: "absolute rounded-(--radius-pill) bg-(--
|
|
64
|
+
className: "absolute rounded-(--radius-pill) bg-(--action) transition-[transform,width] duration-(--duration-base) ease-(--ease-out-expo) motion-reduce:transition-none",
|
|
65
65
|
style: {
|
|
66
66
|
transform: `translate(${indicator.offset}px, ${indicator.top}px)`,
|
|
67
67
|
width: indicator.width,
|
|
@@ -83,7 +83,7 @@ function Pagination({
|
|
|
83
83
|
className: cn(
|
|
84
84
|
STEP,
|
|
85
85
|
"mono-meta tabular-nums",
|
|
86
|
-
entry === page ? "border-transparent text-(--
|
|
86
|
+
entry === page ? "border-transparent text-(--action-foreground)" : "border-transparent text-(--ink-2) hover:border-(--rule-2) hover:text-(--ink)"
|
|
87
87
|
),
|
|
88
88
|
children: entry
|
|
89
89
|
}
|