fluent_2 library

Fluent 2 components for web and desktop surfaces.

Re-exports fluent_2_core, so consumers need a single import:

import 'package:fluent_2/fluent_2.dart';

Surface, not platform

This package holds the web rendering of each component — the sizes, densities and hover/focus affordances Fluent 2 specifies for pointer-driven surfaces.

Tokens, theming and the app shell live in fluent_2_core. Nothing here imports package:flutter/material.dart — see the repository README for why, and melos run no-material for the check that enforces it.

Localization

Every string these components put in front of a user — accessibility labels, calendar chrome, chart descriptions, validation messages — comes from FluentLocalizations, in 135 locales. Install the delegate to get all of them:

FluentApp(
  localizationsDelegates: const <LocalizationsDelegate<dynamic>>[
    FluentLocalizations.delegate,
  ],
  supportedLocales: FluentLocalizations.supportedLocales,
  home: const Home(),
)

Install nothing and the components still render: fluentL10n falls back to fluentLocalizationsFallback, which is US English. Month and weekday names are the one exception — they come from intl's CLDR data through FluentCalendarStrings.of, which needs initializeDateFormatting first.

Status

Shared primitives are landing first; component work starts against the inventory in the repository README once they are locked.

Classes

FluentAccordion: A Fluent 2 accordion: a stack of headers, each revealing a panel.
FluentAccordionItem: One header-and-panel pair inside a FluentAccordion.
FluentAccordionItemBaseState: Everything needed to render one accordion item, independent of its size.
FluentAccordionItemState: An accordion item's fully resolved state, including the design axes.
FluentAccordionItemStyle: The visual configuration of a FluentAccordionItem.
FluentAccordionItemTheme: Overrides the accordion item style for a subtree.
FluentAcrylic: The Fluent 2 Acrylic material.
FluentAcrylicStrokePainter: Paints the acrylic hairline: a three-stop linear gradient stroked inside the surface's own corner radius.
FluentAcrylicSurface: The Fluent 2 Acrylic material: a blurred backdrop under two translucent tints, edged with a gradient hairline.
FluentAcrylicSurfaceStyle: The visual configuration of a FluentAcrylicSurface.
FluentAcrylicSurfaceTheme: Overrides the acrylic style for a subtree.
FluentAlphaSlider: A Fluent 2 alpha slider: the alpha channel of a colour, over a checkerboard.
FluentAnimatedStyle<T extends Object>: Animates one style value towards a new target, honouring reduced motion.
FluentAnnotationBox: An annotation box after alignment and clamping.
FluentAnnotationOnlyChart: A chart made of annotations alone: no axes, no legend, no marks.
FluentAnnotationOnlyChartStyle: The visual configuration of a FluentAnnotationOnlyChart.
FluentAnnotationOnlyChartTheme: Applies a FluentAnnotationOnlyChartStyle to every FluentAnnotationOnlyChart below it.
FluentApp: The root of a Fluent application — the replacement for MaterialApp.
FluentAreaChart: A Fluent 2 stacked area chart.
FluentAreaChartDataSet: The output of AreaChart's data pipeline.
FluentAreaChartDelegate: Renders stacked areas into the shared cartesian shell.
FluentAreaChartLayer: One resolved area layer.
FluentAreaChartRow: One row of the reshaped dataset: an x value with one y per series.
FluentAreaChartState: State for FluentAreaChart. Public only so widget tests can reach the hover helpers, which is the same shape FluentSliderState uses.
FluentAreaChartStyle: The visual configuration of a Fluent area chart.
FluentAreaChartTheme: Applies a FluentAreaChartStyle to every area chart below it.
FluentAreaPolarSeries: 'areapolar' — a closed, filled region.
FluentAvatar: A Fluent 2 avatar: a person or entity as a photo, their initials, or a fallback glyph.
FluentAvatarBaseState: Everything needed to render an avatar, independent of colour, size and shape.
FluentAvatarGroup: A Fluent 2 avatar group: several people shown as one unit.
FluentAvatarGroupBaseState: Everything needed to render an avatar group, independent of size.
FluentAvatarGroupState: An avatar group's fully resolved state, including the design axis.
FluentAvatarGroupStyle: The visual configuration of a FluentAvatarGroup.
FluentAvatarGroupTheme: Overrides the avatar group style for a subtree.
FluentAvatarMotion: The four transitions upstream's useAvatarStyles.styles.ts declares.
FluentAvatarPiePainter: Paints the rules between pie slices.
FluentAvatarRingPainter: Paints the activity ring — and, with gap left at zero, the flat outline an avatar takes inside a stacked FluentAvatarGroup.
FluentAvatarState: An avatar's fully resolved state, including the design axes.
FluentAvatarStyle: The visual configuration of a FluentAvatar.
FluentAvatarTheme: Overrides the avatar style for a subtree.
FluentAxisCategoryOrder: How the categories on a band axis are ordered.
FluentAxisCategoryOrderExplicit: The string[] arm: an explicit category order.
FluentAxisCategoryOrderPreset: One of the sixteen string-literal orderings.
FluentAxisConfig: Explicit tick placement for one axis.
FluentAxisData: The mutable bag the y-axis builders write their resolved domain and labels into.
FluentAxisLabelLine: One rendered line of a tick label.
FluentAxisLabelTooltip: Shows an axis label's untruncated text on hover, and only when it was actually truncated.
FluentAxisPainter: Paints one axis: its tick lines, its gridlines and its labels.
FluentAxisSpec: Everything a builder resolved for one axis, in place of upstream's DOM mutation plus a bare scale return.
FluentAxisTickLabel: A tick label after wrapping, staggering or truncation.
FluentBadge: A Fluent 2 badge: a small, non-interactive status or count marker.
FluentBadgeBaseState: Everything needed to render a badge, independent of colour, size and appearance.
FluentBadgeState: A badge's fully resolved state, including the design axes.
FluentBadgeStyle: The visual configuration of a FluentBadge.
FluentBadgeTheme: Overrides the badge style for a subtree.
FluentBarLineDatum: The line overlaid on a vertical bar chart, at one x.
FluentBarSeries: type: 'bar' (types/DataPoint.ts:1224-1239).
FluentBenchmarkTrianglePainter: Paints the downward-pointing benchmark marker above a row.
FluentBrandGenerator: Generates a 16-stop Fluent brand ramp from a single key color, porting the algorithm behind Fluent's Theme Designer.
FluentBrandRamp: A Fluent brand ramp: 16 stops, 10 (darkest) through 160 (lightest).
FluentBreadcrumb: A Fluent 2 breadcrumb trail.
FluentBreadcrumbActivateIntent: Opens the overflow popup, or activates its active row when already open.
FluentBreadcrumbBaseState: Everything needed to render one crumb, independent of the design axis.
FluentBreadcrumbItem: One entry in a breadcrumb trail.
FluentBreadcrumbMoveIntent: Moves the active row of an open overflow popup by delta.
FluentBreadcrumbPartition: How FluentBreadcrumb splits a trail that is too long to show whole.
FluentBreadcrumbState: A crumb's fully resolved state, including the design axis.
FluentBreadcrumbStyle: The visual configuration of a FluentBreadcrumb and its crumbs.
FluentBreadcrumbTheme: Overrides the breadcrumb style for a subtree.
FluentButton: A Fluent 2 button.
FluentButtonBaseState: Everything needed to resolve a button's style, independent of appearance, size and shape.
FluentButtonState: A button's fully resolved state, including the design axes.
FluentButtonStyle: The visual configuration of a FluentButton.
FluentButtonTheme: Overrides the button style for a subtree.
FluentCalendar: A single-date calendar with a day grid, a month picker, and a decade view.
FluentCalendarBaseState: Everything needed to render a calendar, independent of which view it is.
FluentCalendarCell: One slot of a FluentCalendar grid — a day, a month or a year.
FluentCalendarDateFormatter: Formats a date without a locale database.
FluentCalendarEdgeIntent: Jumps the roving cell focus to an edge of the current row or page.
FluentCalendarMoveIntent: Moves the roving cell focus by cells, rows, pages or years.
FluentCalendarPanel: One column of a calendar: a caption, its chevrons, and a grid.
FluentCalendarState: A calendar's fully resolved state, including the design axis.
FluentCalendarStrings: Every label a FluentCalendar renders that is not a number.
FluentCalendarStyle: The visual configuration of a FluentCalendar.
FluentCalendarTheme: Overrides the calendar style for a subtree.
FluentCalendarViewIntent: Drills the focused panel out to its coarser view.
FluentCard: A Fluent 2 card: a container that groups a preview, a header, a body and a footer onto one elevated surface.
FluentCardBaseState: Everything needed to render a card, independent of appearance and size.
FluentCardState: A card's fully resolved state, including the design axes.
FluentCardStyle: The visual configuration of a FluentCard.
FluentCardTheme: Overrides the card style for a subtree.
FluentCarousel: A Fluent 2 carousel: slides with previous/next chevrons, a step indicator and optional autoplay.
FluentCarouselBaseState: Everything needed to render a carousel, independent of the nav type.
FluentCarouselState: A carousel's fully resolved state, including the design axis.
FluentCarouselStep: One indicator step: a dot, a pill when current, or an image thumbnail.
FluentCarouselStyle: The visual configuration of a FluentCarousel.
FluentCarouselTheme: Overrides the carousel style for a subtree.
FluentCartesianChart: The shared shell nine Fluent charts render through.
FluentCartesianChartPainter: Paints a cartesian chart in upstream's z-order.
FluentCartesianChartProps: Every public prop CartesianChart accepts, with the defaults read out of the implementation rather than out of its doc comments — the two disagree in at least one place (xAxistickSize is 6 in utilities.ts:266 and 10 in the @default tag at CartesianChart.types.ts:314).
FluentCartesianChartStyle: The visual configuration of a Fluent cartesian chart.
FluentCartesianChartTheme: Applies a FluentCartesianChartStyle to every chart in a subtree.
FluentCartesianChildContext: The five values upstream's render prop hands each chart (CartesianChart.types.ts:569-579, populated at CartesianChart.tsx:436-441).
FluentCartesianLayout: Everything the shell knows about where things go, solved once per build.
FluentCartesianMarginSolver: Solves the shell's margin rectangle.
FluentCartesianSeriesDelegate: The chart-supplied half of the shell.
FluentChartAnnotation: One annotation drawn over a chart.
FluentChartAnnotationConnector: The line drawn from an annotation to its anchor.
FluentChartAnnotationConnectorGeometry: A resolved connector line and its arrowheads.
FluentChartAnnotationConnectorPainter: Draws every annotation connector line and arrowhead.
FluentChartAnnotationContext: The geometry an annotation layer resolves its coordinates against.
FluentChartAnnotationCoordinate: Where an annotation is anchored.
FluentChartAnnotationLayer: Positioned callouts over a chart, each optionally linked to its datum.
FluentChartAnnotationLayerStyle: The visual configuration of a chart annotation layer.
FluentChartAnnotationLayerTheme: Applies a FluentChartAnnotationLayerStyle to every layer below it.
FluentChartAnnotationLayout: Where an annotation box sits relative to its anchor.
FluentChartAnnotationSemantics: Accessible naming for one annotation.
FluentChartAnnotationStyle: How an annotation box is painted.
FluentChartColors: Every colour a chart's chrome needs, resolved once from a theme.
FluentChartController: The imperative handle a chart hands its caller.
FluentChartData: The data bundle every cartesian chart takes.
FluentChartDataPoint: The donut and horizontal-bar datum.
FluentChartDomainRange: A resolved domain and range pair for one axis.
FluentChartHandle: The imperative handle a chart exposes for image export.
FluentChartHitRegion: One interactive area over the plot: a bar, a marker, a band, a cell.
FluentChartImageExporter: Renders a chart and its synthesised legend into a PNG data URL.
FluentChartImageExportOptions: What toImage should produce.
FluentChartLegend: The Fluent 2 chart legend: a horizontal strip of selectable series markers.
FluentChartLegendItem: One row of a FluentChartLegend.
FluentChartLegendRow: One row of the legend strip: swatch, then title-cased label.
FluentChartLegendShapePainter: Paints one legend marker into the box it is given, mapping the kLegendShapeViewportSize viewport onto it.
FluentChartLegendStyle: The visual configuration of a FluentChartLegend.
FluentChartLegendTheme: Applies a FluentChartLegendStyle to every FluentChartLegend below it.
FluentChartMargins: The gap between the chart's outer box and its plot area, in logical pixels.
FluentChartMarkSemantics: The accessible description of one painted mark.
FluentChartMinMax: A numeric extent, as the { startValue, endValue } bag upstream returns from every find*MinMaxOfY (utilities.ts:1591-1678).
FluentChartPopover: The hover popover a chart shows for the datum under the cursor.
FluentChartPopoverData: The reading a chart popover displays.
FluentChartPopoverLayoutDelegate: Places a chart popover against a zero-size virtual target at the cursor.
FluentChartPopoverStyle: The visual configuration of a chart popover.
FluentChartPopoverTheme: Applies a FluentChartPopoverStyle to every chart popover below it.
FluentChartSemantics: The accessible naming a chart, a data point or a callout carries.
FluentChartStripePainter: Paints the legend's diagonal stripe pattern.
FluentChartStripeTilePainter: Paints one 16×16 tile of the colour-fill-bar stripe pattern.
FluentChartTable: A Fluent 2 chart table: tabular data with the same title treatment and contrast guarantees as the painted charts.
FluentChartTableCell: One cell of a FluentChartTable.
FluentChartTableHeaderColours: The outcome of upstream's shared-header-background pass (ChartTable.tsx:60-91).
FluentChartTableStyle: The visual configuration of a chart table.
FluentChartTableTheme: Applies a FluentChartTableStyle to every FluentChartTable below it.
FluentChartTextMeasurer: The one text measurer in the charts subsystem.
FluentChartTextMetrics: One measured line of chart text.
FluentChartTextStyles: Every text style a chart needs, resolved once from a theme.
FluentChartTitle: The visible chart title of a shell-free chart.
FluentChartTitlePainter: Paints a chart title, and optionally the rect behind it.
FluentChartXYPoint: The plain independent/dependent pair.
FluentCheckbox: A Fluent 2 checkbox, with the mixed (indeterminate) state.
FluentCheckboxBaseState: Everything needed to render a checkbox, independent of size and shape.
FluentCheckboxGlyphPainter: Paints the indicator glyph: the checkmark, the mixed square or the mixed circle.
FluentCheckboxState: A checkbox's fully resolved state, including the design axes.
FluentCheckboxStyle: The visual configuration of a FluentCheckbox.
FluentCheckboxTheme: Overrides the checkbox style for a subtree.
FluentColorArea: A Fluent 2 colour area: a two-dimensional saturation and brightness square.
FluentColorAreaBaseState: Everything needed to paint a colour area, independent of the design axis.
FluentColorAreaPainter: Paints a colour area's gradients, border and thumb.
FluentColorAreaState: A colour area's fully resolved state, including the design axis.
FluentColorAreaStyle: The visual configuration of a FluentColorArea.
FluentColorAreaTheme: Overrides the colour-area style for a subtree.
FluentColorFillBar: A shaded band drawn behind the lines.
FluentColorFillBarRange: One x range of a colour-fill bar.
FluentColorPicker: A Fluent 2 colour picker: a colour and a stack of controls that edit it.
FluentColorPickerBaseState: Everything needed to lay a picker out, independent of the design axis.
FluentColorPickerScope: Carries the picker's colour, shape and change callback down to the controls inside it.
FluentColorPickerState: A picker's fully resolved state, including the design axis.
FluentColorPickerStyle: The visual configuration of a FluentColorPicker.
FluentColorPickerTheme: Overrides the picker style for a subtree.
FluentColors: The Fluent 2 alias (semantic) color layer.
FluentColorSlider: A Fluent 2 colour slider: one channel of a colour on a gradient rail.
FluentColorSliderBaseState: Everything needed to paint a colour rail, independent of the design axes.
FluentColorSliderPainter: Paints a rail's checkerboard, gradient, border and thumb.
FluentColorSliderState: A rail's fully resolved state, including the design axis.
FluentColorSliderStyle: The visual configuration of a FluentColorSlider — and of a FluentAlphaSlider, which shares it.
FluentColorSliderTheme: Overrides the rail style for a subtree, for both colour and alpha sliders.
FluentCompoundButton: A Fluent 2 compound button: a button with a second, explanatory line.
FluentCompoundButtonBaseState: Everything needed to render a compound button, independent of appearance, size and shape.
FluentCompoundButtonState: A compound button's fully resolved state, including the design axes.
FluentCompoundButtonStyle: The visual configuration of a FluentCompoundButton.
FluentCompoundButtonTheme: Overrides the compound button style for a subtree.
FluentCurve: Fluent easing curves. Source: global/curves.ts.
FluentCustomizedCalloutData: Every series' value at one x, ready for a callout.
FluentCustomizedCalloutDataPoint: One series' contribution to a callout at a single x.
FluentDataCoordinate: type: 'data' — both coordinates run through the chart's scales.
FluentDataGrid: A Fluent 2 data grid: a header row over body rows, with sorting, row selection and arrow-key navigation.
FluentDataGridBaseState: Everything needed to render a data grid, independent of size.
FluentDataGridCell: One body cell.
FluentDataGridColumn: One column: its header, its width, and whether it can be sorted.
FluentDataGridMoveIntent: Moves the roving cell focus by a number of rows and columns.
FluentDataGridRenderRow: One row, already wrapped for interaction and focus by FluentDataGrid.
FluentDataGridRow: One body row: its cells, whether it is selected, and what tapping it does.
FluentDataGridState: A data grid's fully resolved state, including the design axis.
FluentDataGridStyle: The visual configuration of a FluentDataGrid.
FluentDataGridTheme: Overrides the data grid style for a subtree.
FluentDataPointV2: One point of a v2 series.
FluentDataSeries: One v2 series.
FluentDataVizPalette: The chart data-visualisation palette.
FluentDatePicker: An input that opens a calendar popup for picking a single date.
FluentDatePickerBaseState: Everything needed to render a date picker, independent of its design axes.
FluentDatePickerErrorStrings: The messages a FluentDatePicker offers for each error.
FluentDatePickerState: A date picker's fully resolved state, including the design axes.
FluentDatePickerStyle: The visual configuration of a FluentDatePicker — faceplate and popup.
FluentDatePickerTheme: Overrides the date picker style for a subtree.
FluentDatePickerValidationResult: The outcome of validating a FluentDatePicker's field.
FluentDateTimeFormatOptions: A date format described as a field bag rather than a pattern.
FluentDeclarativeChart: Renders a Plotly figure as the Fluent chart it routes to (DeclarativeChart.tsx:357-637).
FluentDeclarativeChartController: Drives image export for a FluentDeclarativeChart (DeclarativeChart.tsx:433-473).
FluentDeclarativeChartStyle: The visual configuration of a Fluent declarative chart.
FluentDeclarativeChartTheme: Supplies a default FluentDeclarativeChartStyle to the subtree.
FluentDialog: A Fluent 2 dialog.
FluentDialogBaseState: Everything needed to render a dialog, independent of the design axes.
FluentDialogState: A dialog's fully resolved state, including the design axes.
FluentDialogStyle: The visual configuration of a FluentDialog.
FluentDialogTheme: Overrides the dialog style for a subtree.
FluentDivider: A Fluent 2 divider: a hairline rule, optionally interrupted by a label.
FluentDividerBaseState: Everything needed to render a divider, independent of appearance and inset.
FluentDividerState: A divider's fully resolved state, including the design axes.
FluentDividerStyle: The visual configuration of a FluentDivider.
FluentDividerTheme: Overrides the divider style for a subtree.
FluentDonutArcLabel: One arc label, already positioned and aligned.
FluentDonutChart: A Fluent 2 donut chart.
FluentDonutChartPainter: Paints a donut: focus ring, then arcs, then labels.
FluentDonutChartStyle: The visual configuration of a Fluent donut chart.
FluentDonutChartTheme: Applies a FluentDonutChartStyle to every FluentDonutChart below it.
FluentDonutLayout: The resolved geometry of one donut.
FluentDonutSlice: One arc of a donut, after elevation, filtering and the pie layout.
FluentDrawer: A Fluent 2 drawer.
FluentDrawerBaseState: Everything needed to render a drawer panel, independent of the design axes.
FluentDrawerState: A drawer's fully resolved state, including the design axes.
FluentDrawerStyle: The visual configuration of a FluentDrawer.
FluentDrawerTheme: Overrides the drawer style for a subtree.
FluentDropdown<T>: A Fluent 2 single-select dropdown.
FluentDropdownActivateIntent: Opens the popup, or commits the active option when it is already open.
FluentDropdownBaseState: Everything needed to render a dropdown trigger, independent of the design axes.
FluentDropdownEdgeIntent: Jumps the active option to the first or last selectable row.
FluentDropdownMoveIntent: Moves the active option by delta rows, opening the popup if it is closed.
FluentDropdownOption<T>: One row of a FluentDropdown popup.
FluentDropdownOptionBaseState: Everything needed to render one popup row, independent of its type.
FluentDropdownOptionState: A popup row's fully resolved state, including the design axis.
FluentDropdownOptionStyle: The visual configuration of one row in a FluentDropdown popup.
FluentDropdownOptionTheme: Overrides the popup row style for a subtree.
FluentDropdownState: A dropdown's fully resolved state, including the design axes.
FluentDropdownStyle: The visual configuration of a FluentDropdown — trigger and popup.
FluentDropdownTheme: Overrides the dropdown style for a subtree.
FluentDuration: Fluent duration ramp. Source: global/durations.ts.
FluentEventAnnotation: A dated marker drawn on a time axis.
FluentEventAnnotationLayer: LineChart's event annotation overlay: a dashed rule per date, with packed labels above the plot.
FluentEventAnnotationPainter: Paints LineChart's event annotations: dashed rules and their labels.
FluentEventLabel: A packed label with its resolved text, ready to paint.
FluentEventLabelPlacement: One packed event label.
FluentField: A Fluent 2 field: the label, hint and validation message around a control.
FluentFieldBaseState: Everything needed to render a field, independent of size and validation state.
FluentFieldState: A field's fully resolved state, including the design axes.
FluentFieldStyle: The visual configuration of a FluentField.
FluentFieldTheme: Overrides the field style for a subtree.
FluentFocusRing: Draws Fluent's keyboard focus ring around child without affecting layout.
FluentFocusRingPainter: Paints FluentFocusRing's two rings.
FluentFontFamilies: The text and display families selected for one platform.
FluentFontFamily: Font family stacks based on global/fonts.ts.
FluentFonts: Resolves and, when necessary, dynamically loads Fluent platform fonts.
FluentFontSize: Global font-size ramp (px). Source: global/fonts.ts.
FluentFontWeight
FluentFunnelChart: A Fluent 2 funnel chart: stacked trapezia narrowing stage by stage.
FluentFunnelChartPainter: Paints a funnel: every fill inside one layer, then every label.
FluentFunnelChartStyle: The visual configuration of a funnel chart.
FluentFunnelChartTheme: Applies one FluentFunnelChartStyle to every FluentFunnelChart below it.
FluentFunnelDataPoint: One stage of a funnel.
FluentFunnelSegment: One painted funnel segment.
FluentFunnelSegmentGeometry: One funnel segment's outline and label anchor.
FluentFunnelSubValue: One category inside a stacked funnel stage.
FluentGanttBar: One resolved Gantt bar.
FluentGanttChart: A Fluent 2 Gantt chart.
FluentGanttChartDataPoint: One bar of a Gantt chart.
FluentGanttChartDelegate: Renders Gantt spans into the shared cartesian shell.
FluentGanttChartStyle: The visual configuration of a Gantt chart.
FluentGanttChartTheme: Applies a FluentGanttChartStyle to every Gantt chart below it.
FluentGanttSpan: The interval a Gantt bar spans.
FluentGaugeArc: One painted arc of a gauge, with the segment it came from.
FluentGaugeBreakpoint: One row of the gauge's size table (GaugeChart.tsx:35-42).
FluentGaugeChart: A Fluent 2 gauge chart: a half-disc of segments with a needle.
FluentGaugeChartPainter: Paints a gauge: the limits, then the bands, then the needle, then the centred value and its sublabel.
FluentGaugeChartSegment: One caller-supplied gauge band.
FluentGaugeChartStyle: The visual configuration of a gauge chart.
FluentGaugeChartTheme: Applies one FluentGaugeChartStyle to every FluentGaugeChart below it.
FluentGaugeLayout: The gauge's coupled margin, radius and breakpoint chain.
FluentGaugeSegment: A gauge band after FluentGaugeLayout.compute has resolved its colour and its position on the value scale.
FluentGrey: The global neutral ramp. Stops are the Fluent numbers (2…98, plus 99), where the number is the approximate lightness percentage.
FluentGroupedBarGroupLayout: The placement of one category's bar group.
FluentGroupedBarSeriesPoint: One bar inside a group of a grouped vertical bar chart.
FluentGroupedVerticalBarChart: A Fluent 2 grouped vertical bar chart, optionally overlaid with lines.
FluentGroupedVerticalBarChartData: One group of a grouped vertical bar chart.
FluentGroupedVerticalBarChartDelegate: Renders grouped, optionally stacked, vertical bars into the cartesian shell.
FluentGroupedVerticalBarChartGeometry: Pure layout maths for the grouped vertical bar chart.
FluentGroupedVerticalBarChartState: State for FluentGroupedVerticalBarChart.
FluentGroupedVerticalBarChartStyle: The visual configuration of a Fluent grouped vertical bar chart.
FluentGroupedVerticalBarChartTheme: Applies a FluentGroupedVerticalBarChartStyle to every grouped vertical bar chart below it.
FluentHamburger: The button that opens and closes a nav.
FluentHeatMapCell: One heat-map cell, matched or synthesised.
FluentHeatMapChart: A Fluent 2 heat-map chart.
FluentHeatMapChartData: One legend band of a heat map, with the cells that belong to it.
FluentHeatMapChartDataPoint: One cell of a heat map.
FluentHeatMapChartDelegate: Renders heat-map cells into the shared cartesian shell.
FluentHeatMapChartStyle: The visual configuration of a heat-map chart.
FluentHeatMapChartTheme: Supplies a FluentHeatMapChartStyle to the subtree.
FluentHeatMapDataSet: The reshaped heat-map grid.
FluentHighContrast: Windows high-contrast system colors.
FluentHighContrastColors: The high-contrast alias layer.
FluentHorizontalBarChart: A Fluent 2 horizontal bar chart: one titled strip per data entry, with an optional benchmark marker and a shared legend below.
FluentHorizontalBarChartGeometry: Pure layout maths for the horizontal bar chart with an axis, over FluentHorizontalBarChartWithAxisDataPoint groups.
FluentHorizontalBarChartStyle: The visual configuration of a FluentHorizontalBarChart.
FluentHorizontalBarChartTheme: Applies a FluentHorizontalBarChartStyle to every FluentHorizontalBarChart below it.
FluentHorizontalBarChartWithAxis: A Fluent 2 horizontal bar chart with a numeric value axis.
FluentHorizontalBarChartWithAxisDataPoint: One bar of a horizontal bar chart with an axis.
FluentHorizontalBarChartWithAxisDelegate: Renders horizontal bars with a numeric value axis on x.
FluentHorizontalBarChartWithAxisStyle: The visual configuration of a horizontal bar chart with an axis.
FluentHorizontalBarChartWithAxisTheme: Supplies a FluentHorizontalBarChartWithAxisStyle to the subtree.
FluentHorizontalBarGroup: A set of points sharing a y category, drawn as one stacked bar.
FluentHorizontalBarRowLayout: The resolved geometry of one horizontal-bar row.
FluentHorizontalBarSegment: One bar of one horizontal-bar row, in percentage units of the row width.
FluentHorizontalBarStripPainter: Paints one row's bars, and the absolute-scale label when there is one.
FluentHorizontalBarWithAxisSegment: One placed segment inside a horizontal bar group.
FluentHorizontalDataPoint: The single-bar datum a horizontal bar's total is read from.
FluentIcons
FluentInfoButton: A Fluent 2 info button — the ⓘ that opens a tip beside a label.
FluentInfoButtonBaseState: Everything needed to render an info button, independent of size.
FluentInfoButtonState: An info button's fully resolved state, including the design axis.
FluentInfoButtonStyle: The visual configuration of a FluentInfoButton.
FluentInfoButtonTheme: Overrides the info button style for a subtree.
FluentInfoLabel: A Fluent 2 info label — a FluentLabel with a FluentInfoButton after it.
FluentInfoLabelBaseState: Everything needed to render an info label, independent of size.
FluentInfoLabelState: An info label's fully resolved state, including the design axis.
FluentInfoLabelStyle: The visual configuration of a FluentInfoLabel.
FluentInfoLabelTheme: Overrides the info label style for a subtree.
FluentInput: A Fluent 2 single-line text field.
FluentInputBaseState: Everything needed to render an input, independent of appearance and size.
FluentInputFocusUnderline: The brand bar that grows across the bottom of a focused input.
FluentInputState: An input's fully resolved state, including the design axes.
FluentInputStyle: The visual configuration of a FluentInput.
FluentInputTheme: Overrides the input style for a subtree.
FluentInputUnderline: A rule pinned to a field's bottom edge that keeps the field's corner radius.
FluentInteractionTag: A Fluent 2 interaction tag: a tag that is also a control.
FluentInteractionTagBaseState: Everything needed to resolve an interaction tag's style, independent of the design axes.
FluentInteractionTagState: An interaction tag's fully resolved state, including the design axes.
FluentInteractionTagTheme: Overrides the interaction tag style for a subtree.
FluentInteractive: Resolves hover, press, focus and disabled once, for every interactive component to share.
FluentLabel: A Fluent 2 label — the text naming a form field.
FluentLabelBaseState: Everything needed to resolve a label's style, independent of size and weight.
FluentLabelState: A label's fully resolved state, including the design axes.
FluentLabelStyle: The visual configuration of a FluentLabel.
FluentLabelTheme: Overrides the label style for a subtree.
FluentLineChart: A Fluent 2 line chart.
FluentLineChartDataPoint: One point of a line series.
FluentLineChartDelegate: Renders line series into the shared cartesian shell.
FluentLineChartGap: A run of indices a line is not drawn through.
FluentLineChartSeries: One line series.
FluentLineChartState: State for FluentLineChart. Public so a widget test can reach it through tester.state, the shape FluentAreaChartState already uses.
FluentLineChartStyle: The visual configuration of a Fluent line chart.
FluentLineChartTheme: Applies a FluentLineChartStyle to every line chart below it.
FluentLineHeight: Global line-height ramp (px). Source: global/fonts.ts.
FluentLineMark: One painted data-point marker, resolved against the live scales.
FluentLineMarkerPainter: The eight LineChart marker shapes.
FluentLineMode: Which parts of a series are drawn.
FluentLineOptions: How one line is stroked.
FluentLinePolarSeries: 'linepolar' — a stroked line through the points.
FluentLineSegment: One drawn line segment in engine A.
FluentLineSeries: type: 'line' (types/DataPoint.ts:1244-1274).
FluentLink: A Fluent 2 link.
FluentLinkBaseState: Everything needed to render a link, independent of appearance.
FluentLinkState: A link's fully resolved state, including the design axes.
FluentLinkStyle: The visual configuration of a FluentLink.
FluentLinkTheme: Overrides the link style for a subtree.
FluentList<T extends Object>: A Fluent 2 list: the rows, and the selection they share.
FluentListEdgeIntent: Moves keyboard focus to the first or last enabled row.
FluentListItem<T extends Object>: One row of a FluentList.
FluentListItemBaseState: Everything needed to render a list item, independent of its size.
FluentListItemState: A list item's fully resolved state, including the design axis.
FluentListItemStyle: The visual configuration of a FluentListItem.
FluentListItemTheme: Overrides the list item style for a subtree.
FluentListMoveIntent: Moves keyboard focus by delta rows, skipping disabled ones.
FluentLocalizations: Callers can lookup localized strings with an instance of FluentLocalizations returned by FluentLocalizations.of(context).
FluentMenu: A Fluent 2 menu.
FluentMenuBaseState: Everything needed to render a menu surface, independent of the design axis.
FluentMenuItem: One row of a FluentMenu.
FluentMenuItemBaseState: Everything needed to render one menu row, independent of its type.
FluentMenuItemState: A menu row's fully resolved state, including the design axis.
FluentMenuItemStyle: The visual configuration of one row of a FluentMenu.
FluentMenuItemTheme: Overrides the menu row style for a subtree.
FluentMenuState: A menu surface's fully resolved state, including the design axis.
FluentMenuStyle: The visual configuration of the surface a FluentMenu paints.
FluentMenuTheme: Overrides the menu surface style for a subtree.
FluentMessageBar: A Fluent 2 message bar: a tinted strip reporting a condition, with optional actions and a dismiss affordance.
FluentMessageBarBaseState: Everything needed to render a message bar, independent of intent, layout and shape.
FluentMessageBarState: A message bar's fully resolved state, including the design axes.
FluentMessageBarStyle: The visual configuration of a FluentMessageBar.
FluentMessageBarTheme: Overrides the message bar style for a subtree.
FluentMixedCoordinate: type: 'mixed' — each axis names its own space.
FluentMotionSpec: One component's transition: how long, and on what easing.
FluentNav: A Fluent 2 side navigation.
FluentNavAppItem: The product header at the top of a FluentNav.
FluentNavCategory: A collapsible group of FluentNavSubItems.
FluentNavCollapseIntent: Requests that the focused category close.
FluentNavDivider: A rule between two groups of nav rows.
FluentNavDrawer: A FluentDrawer shaped for a FluentNav.
FluentNavEdgeIntent: Requests that focus move to the first or last row of the nav.
FluentNavExpandIntent: Requests that the focused category open.
FluentNavItem: A leaf destination in a FluentNav.
FluentNavItemBaseState: Everything needed to render one nav row, independent of kind and size.
FluentNavItemState: A nav row's fully resolved state, including the design axes.
FluentNavItemStyle: The visual configuration of one row of a FluentNav.
FluentNavItemTheme: Overrides the nav row style for a subtree.
FluentNavMoveIntent: Requests that focus move delta rows through the nav.
FluentNavSectionHeader: A non-interactive grouping label in a FluentNav.
FluentNavSubItem: A destination nested inside a FluentNavCategory.
FluentPageRoute<T>: A page route with Fluent's enter/exit motion: a short fade combined with a small upward slide, decelerating in and accelerating out.
FluentPaletteColors: The Fluent 2 palette colour layer.
FluentPersona: A Fluent 2 persona: a FluentAvatar — or a FluentPresenceBadge — beside up to four lines of text.
FluentPersonaBaseState: Everything needed to render a persona, independent of size.
FluentPersonaState: A persona's fully resolved state, including the design axes.
FluentPersonaStyle: The visual configuration of a FluentPersona.
FluentPersonaTheme: Overrides the persona style for a subtree.
FluentPixelCoordinate: type: 'pixel' — both coordinates are logical pixels from the plot origin.
FluentPlotlySchema: A Plotly figure plus the legend titles currently selected.
FluentPolarAngularScale: A resolved angular axis: the datum-to-radians mapping plus its ticks.
FluentPolarAngularTick: One angular tick label.
FluentPolarAxisConfig: Tick and range configuration for a polar axis.
FluentPolarChart: A Fluent 2 polar chart: radial area, line and scatter series on a polar grid.
FluentPolarChartState: State of a FluentPolarChart.
FluentPolarChartStyle: The visual configuration of a FluentPolarChart.
FluentPolarChartTheme: Supplies a FluentPolarChartStyle to the polar charts beneath it.
FluentPolarDataPoint: One point of a polar series.
FluentPolarGridPainter: Paints the polar grid: the rings and the spokes.
FluentPolarLayout: Everything a polar chart needs to paint, computed once per layout pass.
FluentPolarLineOptions: The polar-only members that reach a chart through lineOptions upstream.
FluentPolarMarker: One placed, plottable marker (PolarChart.tsx:527-573).
FluentPolarRadialScale: A resolved radial axis: the scale plus its tick values and rendered labels.
FluentPolarRadialTick: One radial tick: its mark, its label position and its anchor.
FluentPolarResolvedPoint: A data point with its resolved colour (PolarChart.tsx:131-136).
FluentPolarResolvedSeries: A series with its resolved colour and points (PolarChart.tsx:121-138).
FluentPolarSeries: One polar series.
FluentPolarSeriesPainter: Paints the areas, lines and markers.
FluentPolarTickPainter: Paints the radial axis, its tick marks and both label sets.
FluentPopover: A Fluent 2 popover: a light-dismiss surface anchored to a trigger.
FluentPopoverArrowPainter: Paints the popover's pointing arrow.
FluentPopoverBaseState: Everything needed to render a popover surface, independent of the design axes.
FluentPopoverEntrance: Plays Fluent's popover entrance over child: a fade plus a direction-aware slide, once, on the frame the widget is inserted.
FluentPopoverState: A popover's fully resolved state, including the design axes.
FluentPopoverStyle: The visual configuration of a FluentPopover.
FluentPopoverTheme: Overrides the popover style for a subtree.
FluentPresenceBadge: A Fluent 2 presence badge: the availability dot that sits on an avatar.
FluentPresenceBadgeBaseState: Everything needed to render a presence badge, independent of size.
FluentPresenceBadgePainter: Paints a presence badge's disc and cut-out ring.
FluentPresenceBadgeState: A presence badge's fully resolved state, including the design axes.
FluentPresenceBadgeStyle: The visual configuration of a FluentPresenceBadge.
FluentPresenceBadgeTheme: Overrides the presence badge style for a subtree.
FluentProgressBar: A Fluent 2 progress bar.
FluentProgressBarBaseState: Everything needed to resolve a progress bar's style, independent of size and status.
FluentProgressBarState: A progress bar's fully resolved state, including the design axes.
FluentProgressBarStyle: The visual configuration of a FluentProgressBar.
FluentProgressBarTheme: Overrides the progress bar style for a subtree.
FluentRadio<T>: A Fluent 2 radio: one option in a mutually exclusive set.
FluentRadioGroup<T>: A Fluent 2 radio group: the mutually exclusive set a FluentRadio belongs to.
FluentRadioGroupScope<T>: Carries a FluentRadioGroup's presentation down to the radios inside it.
FluentRadioIndicatorPainter: Paints a radio's ring and, when checked, its dot.
FluentRadioState: Everything needed to resolve and render a radio.
FluentRadioStyle: The visual configuration of a FluentRadio.
FluentRadioTheme: Overrides the radio style for a subtree.
FluentRadius: Corner radius ramp.
FluentRating: A Fluent 2 rating.
FluentRatingBaseState: Everything needed to render a rating, independent of type, size, shape and colour.
FluentRatingPainter: Paints a row of rating shapes, each filled by its own fraction.
FluentRatingState: A rating's fully resolved state, including the design axes.
FluentRatingStyle: The visual configuration of a FluentRating.
FluentRatingTheme: Overrides the rating style for a subtree.
FluentRelativeCoordinate: type: 'relative' — both coordinates are fractions of the plot area.
FluentResolvedAnnotationPosition: An annotation's datum anchor and its box's reference point.
FluentSankeyChart: A Fluent 2 sankey diagram.
FluentSankeyChartData: A whole Sankey diagram's input.
FluentSankeyChartPainter: Paints the whole sankey diagram: streams, node rectangles, node text and the title.
FluentSankeyChartState: State of a FluentSankeyChart.
FluentSankeyChartStyle: The visual configuration of a Sankey chart.
FluentSankeyChartTheme: Supplies a FluentSankeyChartStyle to the subtree.
FluentSankeyDomItem: One entry in the paint and focus order.
FluentSankeyLayoutResult: The solved sankey layout: node and link geometry plus the derived values.
FluentSankeyLink: One weighted link between two nodes.
FluentSankeyNode: One node of a Sankey diagram, as the caller supplies it.
FluentSankeyNodeVisual: The text a node draws, plus the derived offsets the painter needs.
FluentSankeySelection: Which nodes and streams the pointer has lit up, and how they repaint.
FluentScatterChart: A Fluent 2 scatter chart.
FluentScatterChartDataPoint: One point of a scatter series.
FluentScatterChartDelegate: Renders data.scatterChartData into the shared cartesian shell.
FluentScatterChartSeries: One scatter series.
FluentScatterChartStyle: The visual configuration of a FluentScatterChart.
FluentScatterChartTheme: Supplies a FluentScatterChartStyle to the subtree.
FluentScatterMark: One painted scatter marker, resolved against the live scales.
FluentScatterPolarLabel: One category label placed around a scatterpolar trace.
FluentScatterPolarSeries: 'scatterpolar' — markers only.
FluentScrollBehavior: Scroll behavior with no Material overscroll glow and a Fluent scrollbar.
FluentSearchBox: A Fluent 2 search box: a single-line text field with a leading magnifier and a trailing clear button.
FluentSearchBoxBaseState: Everything needed to render a search box, independent of appearance and size.
FluentSearchBoxGlyphPainter: Paints the leading magnifier and the trailing clear cross.
FluentSearchBoxState: A search box's fully resolved state, including the design axes.
FluentSearchBoxStyle: The visual configuration of a FluentSearchBox.
FluentSearchBoxTheme: Overrides the search box style for a subtree.
FluentSecondaryYScaleOptions: Bounds for the optional secondary y-scale.
FluentShadowLuminosity: Fluent's shadow-opacity model.
FluentSharedRamp: The 49 shared colour ramps, keyed by family.
FluentSharedShades: The twelve stops of one shared colour ramp.
FluentSize: The cross-platform global size ramp, in logical pixels.
FluentSkeleton: A Fluent 2 skeleton: the placeholder shown where content has not arrived.
FluentSkeletonBaseState: Everything needed to render a skeleton, independent of its shape.
FluentSkeletonPainter: Paints a skeleton: the stencil surface, plus the highlight band clipped to it.
FluentSkeletonState: A skeleton's fully resolved state, including the design axes.
FluentSkeletonStyle: The visual configuration of a FluentSkeleton.
FluentSkeletonTheme: Overrides the skeleton style for a subtree.
FluentSlider: A Fluent 2 slider.
FluentSliderBaseState: Everything needed to resolve a slider's style, independent of size.
FluentSliderPainter: Paints a slider's rail, progress, ticks and thumb.
FluentSliderState: A slider's fully resolved state, including the design axis.
FluentSliderStyle: The visual configuration of a FluentSlider.
FluentSliderTheme: Overrides the slider style for a subtree.
FluentSpacing: Web semantic spacing aliases.
FluentSpacingScale: One spacing axis. Identical values on both axes today.
FluentSparkline: A Fluent 2 sparkline: one line series with a translucent area under it, and optionally its legend text beside it.
FluentSparklineLayout: The resolved geometry of one sparkline.
FluentSparklinePainter: Paints a sparkline: the line first, then the area on top of it.
FluentSparklineStyle: The visual configuration of a Fluent sparkline.
FluentSparklineTheme: Applies a FluentSparklineStyle to every FluentSparkline below it.
FluentSpinButton: A Fluent 2 spin button: a numeric field with an up/down stepper column.
FluentSpinButtonBaseState: Everything needed to render a spin button, independent of appearance and size.
FluentSpinButtonChevronPainter: Paints one stepper's chevron.
FluentSpinButtonState: A spin button's fully resolved state, including the design axes.
FluentSpinButtonStepper: One half of a spin button's stepper column.
FluentSpinButtonStyle: The visual configuration of a FluentSpinButton.
FluentSpinButtonTheme: Overrides the spin button style for a subtree.
FluentSpinner: A Fluent 2 spinner: an indeterminate progress indicator.
FluentSpinnerBaseState: Everything needed to render a spinner, independent of appearance and size.
FluentSpinnerMotion: The spinner's two concurrent animations, transcribed rather than invented.
FluentSpinnerPainter: Paints the spinner's track and tail.
FluentSpinnerPose: Where the ring and its tail are at one instant.
FluentSpinnerState: A spinner's fully resolved state, including the design axes.
FluentSpinnerStyle: The visual configuration of a FluentSpinner.
FluentSpinnerTailKeyframe: One keyframe of the tail animation: where the arc starts and how far it sweeps, both in radians.
FluentSpinnerTheme: Overrides the spinner style for a subtree.
FluentSplitButton: A Fluent 2 split button: a default action and a menu, in one container.
FluentSplitButtonBaseState: Everything needed to render a split button, independent of appearance, size and shape.
FluentSplitButtonEdgeColors: The two colours FluentSplitButtonEdgePainter tweens together.
FluentSplitButtonEdgePainter: Paints one half's border and, on the primary action half, the divider.
FluentSplitButtonState: A split button's fully resolved state, including the design axes.
FluentSplitButtonStyle: The visual configuration of a FluentSplitButton.
FluentSplitButtonTheme: Overrides the split button style for a subtree.
FluentStackedBarDatum: One segment of a stacked bar.
FluentStackedBarGapMetrics: The output of the vertical stacked bar chart's gap-and-scale solve.
FluentStackedBarLineDatum: One point of a line overlaid on a stacked bar chart.
FluentStackedBarSegmentLayout: One placed stack segment.
FluentStackedBarTotalLabel: One stack's total label.
FluentStateColor: Selects a Fluent colour token for the current interaction state.
FluentStatusIndicator: A Fluent 2 status indicator: a tinted glyph and a label reporting the state of something.
FluentStatusIndicatorBaseState: Everything needed to render a status indicator, independent of category and size.
FluentStatusIndicatorState: A status indicator's fully resolved state, including the design axes.
FluentStatusIndicatorStyle: The visual configuration of a FluentStatusIndicator.
FluentStatusIndicatorTheme: Overrides the status indicator style for a subtree.
FluentStroke: Stroke widths. Web exposes thin…thickest; mobile adds none, hairline (0.5) and width15 (1.5), plus width60 (6).
FluentSwatch: A Fluent 2 swatch: one selectable colour, image or "no colour" cell.
FluentSwatchBaseState: Everything needed to resolve a swatch's style, independent of size and shape.
FluentSwatchMarkPainter: Paints the two marks a BoxDecoration cannot: the empty swatch's dashed outline and the transparent swatch's diagonal bar.
FluentSwatchPicker: A Fluent 2 swatch picker: a row or grid of FluentSwatches.
FluentSwatchPickerBaseState: Everything needed to lay a picker out, independent of the design axes.
FluentSwatchPickerMoveIntent: Moves the roving focus inside a FluentSwatchPicker.
FluentSwatchPickerState: A picker's fully resolved state, including the design axes.
FluentSwatchPickerStyle: The visual configuration of a FluentSwatchPicker.
FluentSwatchPickerTheme: Overrides the picker style for a subtree.
FluentSwatchState: A swatch's fully resolved state, including the design axes.
FluentSwatchStyle: The visual configuration of a FluentSwatch.
FluentSwatchTheme: Overrides the swatch style for a subtree.
FluentSwitch: A Fluent 2 switch.
FluentSwitchBaseState: Everything needed to render a switch, independent of size.
FluentSwitchState: A switch's fully resolved state, including the design axes.
FluentSwitchStyle: The visual configuration of a FluentSwitch.
FluentSwitchTheme: Overrides the switch style for a subtree.
FluentSynthesisedLegendItem: One legend entry in the exported strip.
FluentSynthesisedLegendLayout: The laid-out legend strip an exported image carries beneath the chart.
FluentSynthesisedLegendPainter: Paints the strip cloneLegendsToSVG synthesises for an exported image.
FluentTab<T extends Object>: One tab of a FluentTabList.
FluentTabBaseState: Everything needed to render a tab, independent of appearance and size.
FluentTabEdgeIntent: Moves the selection to the first or last enabled tab.
FluentTabList<T extends Object>: A Fluent 2 tab list.
FluentTabMoveIntent: Moves the selection by delta tabs, skipping disabled ones.
FluentTabState: A tab's fully resolved state, including the design axes.
FluentTabStyle: The visual configuration of a FluentTab.
FluentTabTheme: Overrides the tab style for a subtree.
FluentTag: A Fluent 2 tag.
FluentTagBaseState: Everything needed to resolve a tag's style, independent of the design axes.
FluentTagDismissGlyph: Fluent's dismiss glyph, drawn rather than imported.
FluentTagDismissPainter: Paints FluentTagDismissGlyph's cross.
FluentTagPicker<T>: A Fluent 2 tag picker: a text field whose value is a list of chips, with a filtered listbox underneath.
FluentTagPickerActivateIntent: Commits the active option, or opens the popup when it is closed.
FluentTagPickerBaseState: Everything needed to render a tag picker control, independent of the design axes.
FluentTagPickerMoveIntent: Moves the active option by delta rows, opening the popup if it is closed.
FluentTagPickerOption<T>: One row of a FluentTagPicker popup.
FluentTagPickerRemoveLastIntent: Removes the last chip. Only ever enabled while the field is empty.
FluentTagPickerState: A tag picker's fully resolved state, including the design axes.
FluentTagPickerStyle: The visual configuration of a FluentTagPicker.
FluentTagPickerTheme: Overrides the tag picker style for a subtree.
FluentTagState: A tag's fully resolved state, including the design axes.
FluentTagStyle: The visual configuration of a FluentTag or a FluentInteractionTag.
FluentTagTheme: Overrides the tag style for a subtree.
FluentTeachingPopover: A Fluent 2 teaching popover.
FluentTeachingPopoverBaseState: Everything needed to render a teaching popover's content, independent of the design axis.
FluentTeachingPopoverCarousel: Multi-step state for a teaching popover's footer.
FluentTeachingPopoverState: A teaching popover's fully resolved state, including the design axis.
FluentTeachingPopoverStyle: The visual configuration of a FluentTeachingPopover's content.
FluentTeachingPopoverTheme: Overrides the teaching popover content style for a subtree.
FluentTeamsDarkColors: Teams dark, which is not FluentColors(brightness: dark) with the Teams brand — upstream generates it from teamsDarkColor.ts, which differs from the standard dark table in exactly 20 tokens.
FluentTextarea: A Fluent 2 multi-line text input.
FluentTextareaBaseState: Everything needed to style and render a textarea, independent of appearance and size.
FluentTextareaState: A textarea's fully resolved state, including the design axes.
FluentTextareaStyle: The visual configuration of a FluentTextarea.
FluentTextareaTheme: Overrides the textarea style for a subtree.
FluentTextContextMenu: A Fluent-styled text selection toolbar.
FluentTextSelectionControls: Fluent's text selection handles.
FluentTheme: Provides a FluentThemeData to the subtree. The Fluent counterpart of Theme, with no Material dependency.
FluentThemeData: A resolved Fluent theme: the alias color layer plus a type ramp.
FluentThemeOverride: Overrides individual theme tokens for a subtree.
FluentTickParams: The caller-supplied tick overrides. Ports ITickParams (utilities.ts:189-192).
FluentTimePicker: A combobox of times, with optional freeform entry.
FluentTimePickerActivateIntent: Commits the active option, or the typed text in a freeform picker.
FluentTimePickerBaseState: Everything needed to render a time picker, independent of its design axes.
FluentTimePickerEdgeIntent: Jumps the active option to the first or last row.
FluentTimePickerMoveIntent: Moves the active option in an open time picker listbox.
FluentTimePickerState: A time picker's fully resolved state, including the design axes.
FluentTimePickerStyle: The visual configuration of a FluentTimePicker — faceplate and listbox.
FluentTimePickerTheme: Overrides the time picker style for a subtree.
FluentTimeSelectionData: What a FluentTimePicker reports when its value changes.
FluentTimeStringValidationResult: The outcome of parsing a typed time.
FluentToast: A Fluent 2 toast: a raised notification surface with a status glyph, a title, an optional body and an end affordance.
FluentToastBaseState: Everything needed to render a toast, independent of the intent.
FluentToastController: Enqueues and dismisses toasts for a FluentToaster.
FluentToastEntry: One toast in a FluentToastController's queue.
FluentToaster: Renders a FluentToastController's toasts into the nearest Overlay.
FluentToastState: A toast's fully resolved state, including the design axes.
FluentToastStyle: The visual configuration of a FluentToast.
FluentToastTheme: Overrides the toast style for a subtree.
FluentToolbar: A Fluent 2 toolbar: a row of buttons, toggles and dividers on one surface.
FluentToolbarBaseState: Everything needed to render a toolbar, independent of size and type.
FluentToolbarDivider: The vertical rule that separates groups of toolbar items.
FluentToolbarMoveIntent: Moves the roving focus by FluentToolbarMoveIntent.delta items.
FluentToolbarState: A toolbar's fully resolved state, including the design axes.
FluentToolbarStyle: The visual configuration of a FluentToolbar and of the FluentToolbarDividers inside it.
FluentToolbarTheme: Overrides the toolbar style for a subtree.
FluentTooltip: A Fluent 2 tooltip.
FluentTooltipArrowPainter: Paints the tooltip's pointing arrow.
FluentTooltipBaseState: Everything needed to render a tooltip, independent of appearance.
FluentTooltipState: A tooltip's fully resolved state, including the design axis.
FluentTooltipStyle: The visual configuration of a FluentTooltip.
FluentTooltipTheme: Overrides the tooltip style for a subtree.
FluentTouchTarget: Minimum interactive target sizes, per platform guidance.
FluentTree: A Fluent 2 tree: nested, expandable rows with one indent step per level.
FluentTreeCollapseIntent: Closes the focused branch, or ascends to its parent when it is already closed.
FluentTreeEdgeIntent: Moves focus to the first or last visible row.
FluentTreeExpandIntent: Opens the focused branch, or descends into it when it is already open.
FluentTreeItem: One node of a FluentTree, and its subtree.
FluentTreeItemBaseState: Everything needed to render one tree row, independent of appearance and size.
FluentTreeItemState: A tree row's fully resolved state, including the design axes.
FluentTreeItemStyle: The visual configuration of one row of a FluentTree.
FluentTreeItemTheme: Overrides the tree row style for a subtree.
FluentTreeMoveIntent: Moves focus delta rows through the visible list.
FluentTypography: The Fluent 2 type ramp.
FluentVegaDeclarativeChart: Renders a Vega-Lite specification as the Fluent chart it routes to (VegaDeclarativeChart.tsx:389-528).
FluentVegaDeclarativeChartStyle: The visual configuration of a Fluent Vega-Lite declarative chart.
FluentVegaDeclarativeChartTheme: Supplies a default FluentVegaDeclarativeChartStyle to the subtree.
FluentVegaSchema: A Vega-Lite specification plus the legend titles currently selected.
FluentVerticalBarChart: A Fluent 2 vertical bar chart, optionally overlaid with a single line.
FluentVerticalBarChartDataPoint: One bar of a vertical bar chart.
FluentVerticalBarChartDelegate: Renders VerticalBarChartDataPoints into the shared cartesian shell.
FluentVerticalBarChartGeometry: Pure layout maths for the vertical bar chart.
FluentVerticalBarChartStyle: The visual configuration of a FluentVerticalBarChart.
FluentVerticalBarChartTheme: Supplies a FluentVerticalBarChartStyle to the subtree.
FluentVerticalBarRect: One resolved vertical bar.
FluentVerticalStackedBarChart: A Fluent 2 stacked vertical bar chart.
FluentVerticalStackedBarChartDelegate: Renders stacked vertical bars into the shared cartesian shell.
FluentVerticalStackedBarChartStyle: The visual configuration of a vertical stacked bar chart.
FluentVerticalStackedBarChartTheme: Applies a FluentVerticalStackedBarChartStyle to every stacked vertical bar chart below it.
FluentVerticalStackedBarDataPoint: A stacked-bar point, whose x may also be a date.
FluentVerticalStackedBarGroup: One stack of a vertical stacked bar chart.
FluentWindowsAcrylic: Windows acrylic effect-graph parameters, from WinUI's AcrylicBrush.
FluentXAxisLabelLayout: The laid-out x-axis label set plus the height it costs the plot.
FluentXAxisParams: The x-axis builder input. Ports IXAxisParams (utilities.ts:171-188), with the DOM handle (xAxisElement) dropped.
FluentYAxisParams: The y-axis builder input. Ports IYAxisParams (utilities.ts:194-214), with the DOM handle dropped.
FluentYValueHover: A single hovered value as the popover renders it.

Enums

FluentAccordionExpandIconPosition: Which side of the header the chevron sits on. Figma's Chevron axis.
FluentAccordionSize: Header height and type ramp. Figma's Size axis.
FluentAnnotationYAxis: Which y scale an annotation's data coordinate is resolved against.
FluentAreaChartMode: How an area layer's baseline is chosen.
FluentAvatarActive: Whether the person is currently doing something, and therefore whether the activity ring is drawn.
FluentAvatarColor: Which of Figma's 33 Avatar color modes an avatar paints in.
FluentAvatarGroupLayout: How the avatars in a group are arranged. Figma's Layout axis on Avatar/Avatar group, plus the Avatar/Avatar pie set.
FluentAvatarShape: Corner treatment. Figma's Avatar shape variable collection.
FluentAvatarSize: Avatar edge length. Figma's Size axis, and identical to upstream's AvatarSize union minus 128, which the design file does not draw.
FluentAxisScaleType: Which scale an axis is built with.
FluentBadgeAppearance: How a badge is filled and outlined. Figma's Appearance axis.
FluentBadgeColor: The semantic colour family a badge carries. Figma's Color axis.
FluentBadgeIconPosition: Which side of the label the icon sits on.
FluentBadgeSize: Badge height and type ramp. Figma's Size axis.
FluentBreadcrumbSize: Crumb height and type ramp. Figma's Size axis.
FluentBreakpoint: Responsive size classes.
FluentButtonAppearance: How a button is filled and outlined.
FluentButtonIconPosition: Which side of the label the icon sits on.
FluentButtonShape: Corner treatment. Figma's Shape variable collection.
FluentButtonSize: Button height and type ramp. Figma's Size axis.
FluentCalendarEdge: An edge the roving cell focus can jump to.
FluentCalendarView: Which of the three grids a FluentCalendar is showing.
FluentCardAppearance: How a card is filled and outlined.
FluentCardOrientation: Which axis the slots are laid out along. Figma's Layout axis.
FluentCardSize: Card inset, gap and corner radius. Figma's Card padding collection.
FluentCarouselChevronPlacement: Where the previous/next chevrons sit. Figma's Chevron placement axis.
FluentCarouselLayout: Where the nav strip sits relative to the slide. Figma's Layout axis.
FluentCarouselNavType: What the indicator strip shows. Figma's Nav Type axis.
FluentCarouselPauseButton: Where the autoplay affordance lives. Figma's Pause Button axis.
FluentChartAnnotationAlign: Horizontal placement of an annotation relative to its anchor.
FluentChartAnnotationArrowHead: Where a connector's arrow head is drawn.
FluentChartAnnotationBorderStyle: How an annotation's border is stroked.
FluentChartAnnotationVerticalAlign: Vertical placement of an annotation relative to its anchor.
FluentChartAxisType: The kind of scale an axis needs for the values plotted along it.
FluentChartDataMode: How the number beside a row is rendered (HorizontalBarChart.tsx:143-190).
FluentChartHitGranularity: Whether one hover or one keyboard stop covers a single mark or a whole group of them.
FluentChartLegendSelectionMode: Whether a legend strip allows one selection or several.
FluentChartLegendShape: The shape a legend swatch and a popover swatch are drawn with.
FluentChartReflowMode: How a cartesian chart behaves when its box is narrower than its content.
FluentChartTitleBaseline: The four SVG dominant-baseline values chart chrome actually uses.
FluentChartType: The chart identities the axis builders branch on.
FluentCheckboxGlyph: Which glyph the indicator draws.
FluentCheckboxLabelPosition: Which side of the indicator the label sits on.
FluentCheckboxShape: Corner treatment of the indicator box. Figma's Style axis.
FluentCheckboxSize: Indicator box edge length and glyph size.
FluentColorChannel: Which channel of a colour a rail edits. Upstream's ColorChannel, plus the alpha channel its AlphaSlider splits into a separate component.
FluentColorPickerShape: Corner treatment shared by every part of a colour picker. Upstream's shape prop, which the picker pushes onto its children through FluentColorPickerScope.
FluentColorToken: Identifies a single alias colour token.
FluentCoordinateSpace: The space one coordinate of an annotation is expressed in.
FluentDataGridCellEmphasis: Which of a cell's two type ramps its primary line takes. Figma's Style axis on the four cell sets.
FluentDataGridHeaderWeight: Header label weight. Figma's Style axis on .Content header.
FluentDataGridSelectionAppearance: How a selected row is filled.
FluentDataGridSelectionMode: Which selection affordance the grid puts in its first column.
FluentDataGridSize: Row height and type ramp. Figma's four DataGrid cell - * component sets.
FluentDataGridSortDirection: Which way a sorted column is ordered.
FluentDataVizToken: The 47 data-visualisation tokens a chart can name.
FluentDatePickerAppearance: The colours and borders of a FluentDatePicker's faceplate.
FluentDatePickerErrorType: What went wrong when a typed date was validated.
FluentDatePickerSize: The height and type ramp of a FluentDatePicker.
FluentDateTimeField: How one field of a date is rendered.
FluentDayOfWeek: The first column of the day grid.
FluentDialogModalType: Whether a dialog blocks the page, and how it may be dismissed.
FluentDialogSize: How much of the screen a dialog claims, and how its actions stack.
FluentDividerAlignment: Where the label sits along the divider. Figma's Layout axis.
FluentDividerAppearance: How strongly a divider reads against its surface.
FluentDonutOrder: Ordering applied to a donut's legend (DonutChart.tsx:107-111).
FluentDrawerPosition: Which edge the drawer is anchored to, in reading order.
FluentDrawerSize: Drawer width, and — because upstream keys the transition off it — how long the drawer takes to arrive. Figma's Size axis plus React's full.
FluentDrawerType: Whether a drawer floats over the page or sits inside the layout.
FluentDropdownAppearance: How a dropdown trigger is filled and outlined.
FluentDropdownOptionType: What a row in a dropdown popup is. Figma's .ListItem Type axis.
FluentDropdownSize: Trigger height and type ramp. Figma's Size axis.
FluentElevation: Fluent elevation levels. The number is the key shadow's blur radius.
FluentEventLabelAnchor: Which end of an event label sits on its rule.
FluentFieldSize: Label ramp and label-to-control gap. Figma's Size axis, and the only axis the Field component set has.
FluentFieldValidationState: What the field is reporting about the value of the control it wraps.
FluentFirstWeekOfYear: Which week counts as week 1 of the year.
FluentFontPlatform: A Fluent typography target, including Web which TargetPlatform omits.
FluentFunnelOrientation: The direction a funnel's stages run in.
FluentGaugeChartVariant: Which of the two gauge layouts upstream's variant prop selects.
FluentGaugeValueFormat: How the centred chart value reads.
FluentHorizontalBarChartVariant: Which scale a horizontal bar chart draws against.
FluentHourCycle: Which clock the options are written on.
FluentInfoButtonSize: Trigger box and glyph size. Figma's Size axis on the .Info button set.
FluentInputAppearance: How an input is filled and outlined. Figma's Style axis.
FluentInputSize: Input height and type ramp. Figma's Size axis.
FluentLabelSize: Label type ramp step. Figma's Size axis.
FluentLabelWeight: Label font weight. Figma's Type axis, values verbatim.
FluentLineCurve: The interpolation a line is drawn with.
FluentLinkAppearance: How a link is coloured.
FluentListItemSize: Row height and title type ramp. Figma's Size axis.
FluentListSelection: Which affordance a row draws for its selection, and therefore how the list behaves. Figma's .Selection Type axis, plus none.
FluentMenuItemType: What a row of a FluentMenu is.
FluentMessageBarIntent: What the message is about. Figma's MessageBar status variable collection.
FluentMessageBarLayout: How the bar arranges its glyph, body and actions. Figma's Layout axis.
FluentMessageBarShape: Corner treatment.
FluentNavItemKind: Which of the four Figma component sets a row is rendered from.
FluentNavSize: Row height and density. Figma ships this as two component sets rather than a variant axis — NavNode - medium and NavNode - small.
FluentPaletteFamily: A persona / accent colour family.
FluentPersonaSize: Persona size. Figma's Size axis, widened to upstream's six-step ramp.
FluentPersonaTextAlignment: How the avatar lines up with the text. Figma's Alignment axis.
FluentPersonaTextPosition: Where the text block sits relative to the avatar. Figma's Layout axis.
FluentPlotlyColorway: How the declarative Plotly adapter chooses colours.
FluentPolarAngularUnit: Unit the angular tick labels are formatted in (PolarChart.types.ts:141-144).
FluentPolarDirection: Sweep direction of the angular axis (PolarChart.types.ts:127-129).
FluentPolarScaleKind: Which d3 scale family a polar axis resolves to (PolarChart.utils.ts:136-154).
FluentPolarShape: Shape of a polar chart's grid rings (PolarChart.types.ts:121-123).
FluentPolarTextAnchor: SVG text-anchor values the polar tick labels use.
FluentPopoverAlign: Where along the anchor's edge the popover lines up.
FluentPopoverAppearance: How a popover surface is filled. Figma's Style axis, verbatim.
FluentPopoverPosition: Which side of its anchor a popover sits on.
FluentPopoverSize: Surface padding and arrow size.
FluentPresenceBadgeSize: Badge diameter. Figma's Size axis.
FluentPresenceStatus: A person's availability. Figma's Status axis.
FluentProgressBarSize: Bar height. Figma's Size axis.
FluentProgressBarStatus: Which colour family the filled portion takes. Figma's State axis.
FluentRadioGroupLayout: How the radios in a group are laid out. Figma's Direction axis.
FluentRadioLabelPosition: Where the label sits relative to the indicator. Figma's Label position axis, and upstream's labelPosition prop.
FluentRatingColor: Which colour family the shapes take. Figma's Rating color collection.
FluentRatingShape: Which silhouette is drawn. Figma's Shape axis.
FluentRatingSize: Shape box edge length. Figma's Size axis.
FluentRatingType: Whether the rating takes input or only reports a value. Figma's Type axis.
FluentSankeyReflowMode: How the chart reacts when its container is narrower than its minimum width.
FluentSearchBoxAppearance: How a search box is filled and outlined. Figma's Style axis.
FluentSearchBoxGlyph: Which glyph FluentSearchBoxGlyphPainter draws.
FluentSearchBoxSize: Control height and type ramp. Figma's Size axis.
FluentSharedColor: A family in the Fluent 2 shared colour ramp.
FluentSkeletonAnimation: The loop a skeleton runs while content is pending.
FluentSkeletonShape: Corner treatment. Figma's Shape axis.
FluentSliderSize: Thumb diameter and rail thickness. Figma's Size axis.
FluentSpinButtonAppearance: How a spin button is filled and outlined. Figma's Style axis.
FluentSpinButtonSize: Control height and type ramp. Figma's Size axis.
FluentSpinButtonStepperDirection: Which way one stepper half moves the value.
FluentSpinnerAppearance: How a spinner's ring is coloured. Figma's Style axis.
FluentSpinnerLabelPosition: Where the label sits relative to the ring. Figma's Layout axis.
FluentSpinnerSize: Ring diameter, thickness and type ramp. Figma's Size axis.
FluentSplitButtonSide: Which half of a split button is being rendered.
FluentStatusIndicatorCategory: Which token family tints the glyph. Figma's Category axis.
FluentStatusIndicatorMessage: The status being reported. Figma's Message axis.
FluentStatusIndicatorSize: Glyph edge length and type ramp. Figma's Size axis.
FluentSwatchKind: What a swatch is showing. Figma's Style axis plus the two State values that are really content rather than interaction.
FluentSwatchPickerLayout: How a picker arranges its swatches. Figma's Layout axis.
FluentSwatchPickerSpacing: Gap between swatches. Figma's Spacing axis.
FluentSwatchShape: Corner treatment. Figma's Shape variable collection, whose Swatch/Default entry resolves Rounded to Corner radius/Medium, Circular to Corner radius/Circular and Square to Corner radius/None.
FluentSwatchSize: Swatch footprint. Figma's Size axis.
FluentSwitchLabelPosition: Where the label sits relative to the track.
FluentSwitchSize: Track height and type ramp. Figma's Size axis, upstream's size prop.
FluentTabAppearance: Fill and shape treatment. Figma's Style axis.
FluentTabOrientation: Which way a tab list runs.
FluentTabSize: Tab height and type ramp. Figma's Size axis.
FluentTagAppearance: How a tag is filled and outlined. Figma's Style axis, verbatim.
FluentTagPickerAppearance: How a tag picker's control is filled and outlined. Figma's Style axis.
FluentTagPickerSize: Control height. Figma's Size axis.
FluentTagSize: Tag height and type ramp. Figma's Size axis.
FluentTeachingPopoverAppearance: How a teaching popover surface is filled. Figma's Style axis, verbatim.
FluentTextareaAppearance: How a textarea is filled and outlined. Figma's Style axis.
FluentTextareaSize: Type ramp and inset. Figma's Size axis.
FluentThemeMode: Which theme to apply when both a light and a dark theme are supplied.
FluentTickLayout: How the x-axis tick labels are laid out.
FluentTimePickerAppearance: The colours and borders of a FluentTimePicker's faceplate.
FluentTimePickerErrorType: What went wrong when a typed time was validated.
FluentTimePickerSize: The height and type ramp of a FluentTimePicker.
FluentToastIntent: What the toast is about. Figma's Toast status variable collection.
FluentToastPosition: Where a stack of toasts is anchored. Upstream's TOAST_POSITIONS, verbatim.
FluentToastType: What sits in the toast's end slot. Figma's Toast type variable collection.
FluentToolbarSize: Toolbar padding ramp. Figma's Size axis.
FluentToolbarType: Whether the toolbar sits in the page or floats over it. Figma's Type axis.
FluentTooltipAppearance: How a tooltip surface is filled. Figma's Style axis, verbatim.
FluentTooltipPosition: Which side of its target a tooltip sits on.
FluentTreeAppearance: How a tree row is filled. Figma's Style axis.
FluentTreeSelectionMode: Whether rows carry a selection control, and how many may be chosen.
FluentTreeSize: Row height and type ramp. Figma's Size axis.

Constants

defaultFluentDatePickerErrorStrings → const FluentDatePickerErrorStrings: The US English messages.
fluentCalendarViewSlide → const FluentMotionSpec: The grid slide when the page or the view changes.
fluentCalendarWeekdayFade → const FluentMotionSpec: The weekday header labels fading in behind the sliding grid.
fluentCarouselAutoplayInterval → const Duration: How long a slide is shown before autoplay advances.
fluentCarouselSlide → const FluentMotionSpec: The slide transition.
fluentDatePickerIcon → const IconData: The glyph a date picker draws in its trailing slot.
fluentDialogCloseIcon → const IconData: The glyph on the header's close button.
fluentDialogOutScale → const double: The scale the surface enters from and exits to.
fluentDialogScrim → const FluentMotionSpec: The scrim fading in and out.
fluentDialogSurfaceEnter → const FluentMotionSpec: The dialog surface arriving.
fluentDialogSurfaceExit → const FluentMotionSpec: The dialog surface leaving.
fluentDrawerLargeWidth → const double: Width of FluentDrawerSize.large.
fluentDrawerMediumWidth → const double: Width of FluentDrawerSize.medium.
fluentDrawerSmallWidth → const double: Width of FluentDrawerSize.small, from Figma and useDrawerBaseStyles alike.
fluentDropdownAccentEnter → const FluentMotionSpec: The accent rule arriving as the dropdown takes focus or opens.
fluentDropdownAccentExit → const FluentMotionSpec: The accent rule collapsing as the dropdown closes.
fluentDropdownCheckmark → const IconData: The glyph a selected row draws.
fluentDropdownChevron → const IconData: The chevron every Fluent dropdown trigger carries.
fluentInputFocusUnderlineEnter → const FluentMotionSpec: The focus bar growing in, verified against useInputStyles.styles.ts.
fluentInputFocusUnderlineExit → const FluentMotionSpec: The focus bar shrinking out.
fluentMenuCheckmark → const IconData: The glyph a checked row draws.
fluentMenuChevron → const Widget: The chevron every Fluent menu affordance uses.
fluentMenuHoverDelay → const Duration: How long a pointer must rest on a row before its submenu opens.
fluentMenuSubmenuChevron → const IconData: The glyph a row with a submenu draws at its trailing edge.
fluentMenuSurfaceEnter → const FluentMotionSpec: The menu surface arriving.
fluentNavDrawerWidth → const double: Width of a nav drawer whose FluentNavDrawer.size is left unset.
fluentNavExpandIconMotion → const FluentMotionSpec: The category chevron rotating between collapsed and expanded.
fluentNavSurfaceMotion → const FluentMotionSpec: The nav row surface fade.
fluentSearchBoxUnderlineEnter → const FluentMotionSpec: The focus underline scaling in.
fluentSearchBoxUnderlineExit → const FluentMotionSpec: The focus underline scaling out.
fluentTagPickerAccentEnter → const FluentMotionSpec: The brand bar growing across the bottom of a focused tag picker.
fluentTagPickerAccentExit → const FluentMotionSpec: The brand bar collapsing as focus leaves.
fluentTeachingPopoverDismissIcon → const IconData: The dismiss glyph a teaching popover's header carries.
fluentTextareaFocusUnderlineEnter → const FluentMotionSpec: The focus underline sliding in, verified against useTextareaStyles.styles.ts — :focus-within::after transitions transform over durationNormal on curveDecelerateMid.
fluentTextareaFocusUnderlineExit → const FluentMotionSpec: The focus underline leaving. Upstream's resting ::after rule transitions transform over durationUltraFast on curveAccelerateMid — four times faster than fluentTextareaFocusUnderlineEnter, and accelerating rather than decelerating. The asymmetry is upstream's; do not "tidy" it.
fluentTextareaFocusUnderlineKey → const Key: Identifies the brand focus rule — the FluentInputFocusUnderline that scales in on focus.
fluentTextareaUnderlineKey → const Key: Identifies the resting bottom rule inside a textarea's chrome.
fluentTimePickerChevron → const IconData: The chevron a closed time picker draws.
fluentTimePickerClear → const IconData: The glyph a clearable time picker draws once it has a value.
fluentToastEnterDuration → const Duration: Wall-clock length of the whole entrance: the fade's 200ms delay plus its 400ms run. The size expansion finishes inside that window.
fluentToastEnterStagger → const Duration: How long the fade waits before starting on entrance.
fluentToastExitDuration → const Duration: Wall-clock length of the whole exit: the collapse's 400ms delay plus its 200ms run. The fade finishes exactly as the collapse begins.
fluentToastExitStagger → const Duration: How long the collapse waits before starting on exit.
fluentToastFadeEnter → const FluentMotionSpec: The toast container fading in, which starts once the height has finished expanding — staggerDelay is durationNormal, exactly the size duration.
fluentToastFadeExit → const FluentMotionSpec: The toast container fading out, which starts immediately on exit.
fluentToastSizeEnter → const FluentMotionSpec: The toast container's height expanding on entrance.
fluentToastSizeExit → const FluentMotionSpec: The toast container's height collapsing, which starts once the fade has finished — exitStaggerDelay is durationSlower, exactly the fade duration.
fluentToastTimeout → const Duration: How long a toast stays up before dismissing itself.
kAnnotationBackgroundOpacity → const double: Default opacity applied to an annotation's background. useChartAnnotationLayer.styles.ts:27.
kAnnotationPadding → const EdgeInsets: Padding inside an annotation box.
kArrowSizeScale → const double: Arrowhead size as a fraction of the box's smaller side. ChartAnnotationLayer.tsx:32.
kAxisTitlePadding → const double: The gap between an axis title and the axis itself. AXIS_TITLE_PADDING (CartesianChart.tsx:40).
kBandSweepGap → const double: The gap the band anti-collision sweep leaves between two kept labels (utilities.ts:616).
kBarGapMin → const double: Floor on a gap once gaps are enabled (VerticalStackedBarChart.tsx:65).
kBarGapMultiplier → const double: Fraction of a stack's height that may be spent on gaps (VerticalStackedBarChart.tsx:64).
kChartPopoverAccentBarMarginTop → const double: Top margin above the accent-barred block. ChartPopover.tsx:75.
kChartPopoverAccentBarWidth → const double: Width of the series-coloured bar down the popover's inline start. ChartPopover.tsx:74.
kChartPopoverAnchorOffset → const double: Gap between the cursor and the popover surface. ChartPopover.tsx:48.
kChartPopoverColumnGap → const double: Gap between multi-value columns. ChartPopover.tsx:187.
kChartPopoverRowMarginTop → const double: Top margin inside a multi-value row. ChartPopover.tsx:226.
kChartPopoverRowPaddingBottom → const double: Padding below a multi-value row that draws its bottom rule. ChartPopover.tsx:147.
kChartPopoverSubHeaderFontSize → const double: Font size of a subcount group header. ChartPopover.tsx:195, :245.
kChartPopoverValueFontSize → const double: Font size of the single-value Y reading. ChartPopover.tsx:86.
kChartTitleAxisPadding → const double: ChartTitle's own axis-title padding. ChartTitle.tsx:8.
kChartTitleBackgroundPadding → const double: The PADDING constant inside SVGTooltipText. SVGTooltipText.tsx:43.
kChartTitlePadding → const double: The gap below a chart title, in logical pixels.
kConnectorEndPadding → const double: Gap between the connector's end and its anchor. useChartAnnotationLayer.styles.ts:30.
kConnectorStartPadding → const double: Gap between the annotation box and the start of its connector. useChartAnnotationLayer.styles.ts:29.
kConnectorStrokeWidth → const double: Connector line width. useChartAnnotationLayer.styles.ts:31.
kDefaultBarWidth → const double: The bar width a chart falls back to, in logical pixels.
kDefaultDateString → const String: The reference date generateDateTicks falls back to when tick0 is absent.
kDefaultDateTimeFormatOptions → const FluentDateTimeFormatOptions: The bag every out-of-range lookup falls back to.
kDefaultMarginNoTicks → const double: The default margin on a side that carries no tick labels. DEFAULT_MARGIN_NO_TICKS (CartesianChart.tsx:42).
kDefaultMarginWithTicks → const double: The default margin on a side that carries tick labels. DEFAULT_MARGIN_WITH_TICKS (CartesianChart.tsx:41).
kDefaultWrapWidth → const double: The per-line width a wrapped x label falls back to. DEFAULT_WRAP_WIDTH (utilities.ts:1110).
kEventAnnotationDashArray → const List<double>: Dash pattern of the vertical rules. EventAnnotation.tsx:34.
kEventAnnotationDefaultLabelWidth → const double: Default label width. EventAnnotation.tsx:17.
kEventAnnotationLineHeight → const double: Line height of a wrapped event label, in raw pixels.
kEventAnnotationLineTopOffset → const double: How far above the plot top each dashed rule starts.
kEventAnnotationTextPadding → const double: Slack added to the label width before packing. EventAnnotation.tsx:20.
kEventAnnotationTextTopOffset → const double: How far above the plot top the label baseline sits. EventAnnotation.tsx:18.
kFluentAlphaCheckerDark → const Color: The dark square of an alpha rail's checkerboard.
kFluentAlphaCheckerLight → const Color: The light square of an alpha rail's checkerboard.
kFluentAlphaCheckerSquare → const double: Edge of one checkerboard square, in logical pixels. Upstream's PNG is a 12 x 12 tile of four of them.
kFluentCartesianChartFallbackHeight → const double: The height a cartesian chart takes when its box gives it none.
kFluentColorPickerInitialColor → const HSVColor: The colour a colour control shows when nothing else supplies one: white.
kFluentColorThumbSize → const double: The thumb's content diameter, before its border. Upstream's --fui-Slider__thumb--size, which is a content-box width.
kFluentDonutArcFocusLabel → const String: The debugLabel every arc hit target carries.
kFluentGaugeBreakpoints → const List<FluentGaugeBreakpoint>: The six gauge breakpoints, in the order upstream declares them (GaugeChart.tsx:35-42).
kFluentLineEventAnnotationBottomInset → const double: The gap kept below the event-annotation rules.
kFluentLineFillBarPatternedOpacity → const double: Opacity of a colour fill bar that carries a diagonal stripe pattern.
kFluentLineHoverLatchRadius → const double: The radius of a data point's hover target.
kFluentSwatchTransparentMark → const Color: The bar drawn across a transparent swatch.
kGanttDefaultBarHeight → const double: The bar height a Gantt chart starts from before any clamp.
kHideTickOverlapDatePad → const int: The padding added to the longest date x label before the tick count is reduced (utilities.ts:519). Twice the numeric pad, deliberately.
kHideTickOverlapMaxTicks → const int: The ceiling hideTickOverlap clamps the reduced tick count to (utilities.ts:300, :521).
kHideTickOverlapNumericPad → const int: The padding added to the longest numeric x label before the tick count is reduced (utilities.ts:298).
kHorizontalMarginForYAxisTitle → const double: The extra horizontal margin a y-axis title claims. HORIZONTAL_MARGIN_FOR_YAXIS_TITLE (CartesianChart.tsx:38).
kInactiveLegendSwatchOpacityHc → const double: Swatch opacity when a legend is filtered out under high contrast.
kInactiveLegendTextOpacity → const double: Label opacity when a legend is filtered out. useLegendsStyles.styles.ts:21, applied at Legends.tsx:306.
kLegendContainerMarginStart → const double: Inline-start inset of the legend strip. useLegendsStyles.styles.ts:11.
kLegendContainerMarginTop → const double: Gap above the legend strip. useLegendsStyles.styles.ts:10.
kLegendHeight → const double: Height of one legend row. useLegendsStyles.styles.ts:13.
kLegendLineInBarHeight → const double: Height of a legend swatch that stands for a line drawn over a bar chart.
kLegendOverflowPadding → const double: Slack the overflow manager keeps free beyond the trigger itself.
kLegendPadding → const double: Padding on all four sides of a legend row. useLegendsStyles.styles.ts:12, applied at :55.
kLegendResizableAreaMaxWidth → const double: Widest the strip's rows are laid out in, whatever the strip itself is given.
kLegendShapeBorder → const double: Swatch border width. useLegendsStyles.styles.ts:14, applied at :82.
kLegendShapeMarginEnd → const double: Gap between the swatch and the label. useLegendsStyles.styles.ts:20, applied at :81 and :85.
kLegendShapeSize → const double: Swatch size as the image exporter measures it.
kLegendShapeViewBoxOrigin → const double: Half of the SVG viewport that the nine legend shapes are drawn into.
kLegendShapeViewportSize → const double: Edge length of the rendered legend shape viewport, in logical pixels.
kLegendSwatchBoxSize → const double: On-screen footprint of a legend swatch, in logical pixels.
kLegendWrappedContainerMargin → const double: Margin around one row in the wrapped-lines layout.
kMarkerMaxPixel → const double: Upper bound of the categorical marker pixel range (utilities.ts:2339).
kMarkerMinPixel → const double: Lower bound of the categorical marker pixel range (utilities.ts:2338).
kMaxArrowSize → const double: Largest arrowhead. ChartAnnotationLayer.tsx:31.
kMaxSimpleMarkupDepth → const int: Nesting cap in the inline markup parser. ChartAnnotationLayer.tsx:33.
kMinArrowSize → const double: Smallest arrowhead. ChartAnnotationLayer.tsx:30.
kMinBarWidth → const double: The narrowest a bar may be, in logical pixels.
kMinDomainMargin → const double: The smallest slack a bar chart leaves at each end of a band domain.
kMinDonutRadius → const double: The floor a donut's radius is clamped to. MIN_DONUT_RADIUS (utilities.ts:90).
kMinLegendContainerHeight → const double: The height the legend strip is guaranteed. minLegendContainerHeight (CartesianChart.tsx:54).
kPlotlyDefaultCellHeight → const Map<FluentPlotlyChartKind, double>: The default cell height per routed chart kind, in logical pixels.
kPolarAngularTickCount → const int: Default number of angular ticks (PolarChart.utils.ts:239).
kPolarDefaultMargins → const FluentChartMargins: The chart margins before any user override (PolarChart.tsx:92-95).
kPolarDefaultSize → const double: Edge length used when the chart is given an unbounded constraint.
kPolarEpsilon → const double: The tolerance every polar angle comparison uses (PolarChart.utils.ts:28).
kPolarLabelHeight → const double: Height reserved for an angular tick label (PolarChart.tsx:40).
kPolarLabelOffset → const double: Gap between the outer ring and a tick label (PolarChart.tsx:41).
kPolarLabelWidth → const double: Half the horizontal margin reserved for a radial tick label (PolarChart.tsx:39).
kPolarLegendHeight → const double: Floor applied to the measured legend strip height (PolarChart.tsx:38).
kPolarMaxMarkerSize → const double: Largest marker radius (MAX_MARKER_SIZE_PX, PolarChart.tsx:44).
kPolarMinMarkerSize → const double: Smallest marker radius when the chart also draws lines or areas.
kPolarMinMarkerSizeMarkersOnly → const double: Smallest marker radius when the chart draws nothing but markers.
kPolarRadialTickCount → const int: Default number of radial ticks (PolarChart.utils.ts:76).
kPolarTickSize → const double: Length of a radial tick mark (PolarChart.tsx:42).
kSankeyBorderOnlyFill → const Color: Fill given to a node that supplied only a border colour (SankeyChart.tsx:375).
kSankeyDefaultHeight → const double: Container height used when the chart is given an unbounded constraint (SankeyChart.tsx:571).
kSankeyDefaultNodeColors → const List<(Color, Color)>: The ten default fill and border pairs (SankeyChart.tsx:41-52).
kSankeyDefaultTextColor → const Color: Node text colour when the node is outside the selection.
kSankeyDefaultWidth → const double: Container width used when the chart is given an unbounded constraint (SankeyChart.tsx:572).
kSankeyEllipsis → const String: The ellipsis appended to a truncated node name (SankeyChart.tsx:347).
kSankeyLinkStrokeWidth → const double: Stroke width of a stream. The presentation attribute at SankeyChart.tsx:764 beats the inherited strokeWidth: 3px from useSankeyChartStyles.styles.ts:33.
kSankeyMarginBottom → const double: Bottom margin (SankeyChart.tsx:561).
kSankeyMarginHorizontal → const double: Left and right margin (SankeyChart.tsx:561).
kSankeyMinHeightForDoubleLine → const double: Above this height the name and the weight take separate lines (SankeyChart.tsx:54).
kSankeyMinHeightForType → const double: Below this height a node draws no text at all (SankeyChart.tsx:55).
kSankeyMinTitleHeight → const double: Floor applied to the top margin, with or without a title (SankeyChart.tsx:554-560).
kSankeyNodeStrokeWidth → const double: Stroke width of a node rectangle (SankeyChart.tsx:817).
kSankeyNodeWidth → const double: Width of every node rectangle (SankeyChart.tsx:62).
kSankeyNonSelectedColor → const Color: Fill and stroke of everything outside the selection (SankeyChart.tsx:40).
kSankeyNonSelectedStreamBorderOpacity → const double: Stroke opacity of a stream outside the hovered path (SankeyChart.tsx:59).
kSankeyNonSelectedTextColor → const Color: Node text colour in the default and selected states.
kSankeyPaddingPercentage → const double: Fraction of the plot height reserved for inter-node padding (SankeyChart.tsx:23).
kSankeySelectedStreamOpacity → const double: Fill opacity of a stream in the hovered path when no node is selected (SankeyChart.tsx:58).
kScatterPolarFillOpacity → const double: Fill opacity of a fill: 'toself' scatterpolar area (LineChart.tsx:1336).
kScatterPolarFillStrokeOpacity → const double: Stroke opacity of a fill: 'toself' scatterpolar area (LineChart.tsx:1339).
kScatterPolarFillStrokeWidth → const double: Stroke width of a fill: 'toself' scatterpolar area (LineChart.tsx:1338).
kScatterPolarLabelMinPixelGap → const double: Minimum pixel separation between two placed category labels (scatterpolar-utils.tsx:14).
kScatterPolarLabelRadius → const double: Radius, in domain units, of the ring the category labels sit on (scatterpolar-utils.tsx:31).
kScatterPolarMinFillPoints → const int: Minimum number of data points before a toself fill is drawn at all (LineChart.tsx:1318). Two points enclose no area, so upstream skips them.
kStackedBarYOrigin → const double: The y value a numeric stack is measured from — Y_ORIGIN, which upstream fixes at 0 (VerticalStackedBarChart.tsx:118).
kStripeColourStart → const double: Where the coloured band begins inside one kStripePeriod.
kStripePeriod → const double: Repeat period of the legend stripe pattern, in logical pixels.
kVegaConcatGap → const double: The gap between concat cells — gap: '16px' (VegaDeclarativeChart.tsx:451).
kVegaDefaultCellHeight → const Map<FluentVegaChartKind, double?>: The kinds whose cell is sized from the spec, and the height each falls back to when the spec declares none.
kVegaLiftableLegendKinds → const Set<FluentVegaChartKind>: The kinds whose transformer reads encoding.color.legend.disable, and so the kinds whose chart-owned legend this widget can suppress in favour of its own.
kVerticalMarginForXAxisTitle → const double: The extra vertical margin an x-axis title claims. VERTICAL_MARGIN_FOR_XAXIS_TITLE (CartesianChart.tsx:39).

Properties

fluentLocalizationsFallback → FluentLocalizations: The English strings, used wherever no FluentLocalizations.delegate is in scope.
final
fluentTextSelectionControls → FluentTextSelectionControls: The shared FluentTextSelectionControls, mirroring Material's materialTextSelectionControls.
final

Functions

adjustSankeyOnePercentHeightNodes({required Map<int, List<SankeyLayoutNode>> columns, required List<double> nodeValues, required List<double> linkValues, required List<double> actualValues, required List<double?> unnormalisedValues}) → void: Lifts every node worth less than one percent of its column to one percent, then rescales the column so the total stays at 100.
adjustSankeyPadding(Sankey sankey, double height, Map<int, List<SankeyLayoutNode>> columns) → void: Tightens the layout's node padding when a column is sparse.
areArraysEqual(List<String>? a, List<String>? b) → bool: Whether a and b hold the same strings in the same order.
assignSankeyNodeColors(List<FluentSankeyNode> nodes, {List<Color>? colorsForNodes, List<Color>? borderColorsForNodes}) → ({List<Color> borders, List<Color> fills}): Assigns a fill and a border to every node.
autoLayoutXAxisLabels(List<Object> tickValues, List<String> tickLabels, Scale scale, double containerWidth, {required FluentChartTextMeasurer measurer, required TextStyle style, double baseDyEm = 0.71}) → FluentXAxisLabelLayout: Decides between wrapping, truncating with a stagger, or leaving the labels alone.
buildFluentAccordionItem(FluentAccordionItemBaseState state, FluentAccordionItemStyle style, Set<WidgetState> states) → Widget: Renders an accordion item's header from a resolved state and style.
buildFluentAcrylicSurface(FluentAcrylicSurfaceStyle style, Set<WidgetState> states, {Widget? child}) → Widget: Renders an acrylic surface from a resolved style.
buildFluentAreaChartDataSet({required List<FluentLineChartSeries> series, required FluentAreaChartMode mode, required bool hasSecondaryYScale, required bool hasSelectedLegends}) → FluentAreaChartDataSet: Ports _addDefaultColors (AreaChart.tsx:891-937), _createDataSet (:340-467) and _getDataPoints (:292-338) as one pure function.
buildFluentAvatar(FluentAvatarBaseState state, FluentAvatarStyle style, Set<WidgetState> states) → Widget: Renders an avatar from a resolved state and style.
buildFluentAvatarGroup(FluentAvatarGroupBaseState state, FluentAvatarGroupStyle style, Set<WidgetState> states) → Widget: Renders an avatar group from a resolved state and style.
buildFluentBadge(FluentBadgeBaseState state, FluentBadgeStyle style, Set<WidgetState> states) → Widget: Renders a badge from a resolved state and style.
buildFluentBreadcrumb(FluentBreadcrumbBaseState state, FluentBreadcrumbStyle style, Set<WidgetState> states) → Widget: Renders one crumb from a resolved state and style.
buildFluentBreadcrumbSurface(FluentBreadcrumbStyle style, Set<WidgetState> states, Widget child) → Widget: Renders the overflow popup surface child sits on.
buildFluentButton(FluentButtonBaseState state, FluentButtonStyle style, Set<WidgetState> states) → Widget: Renders a button from a resolved state and style.
buildFluentCalendar(FluentCalendarBaseState state, FluentCalendarStyle style, Set<WidgetState> states) → Widget: Renders a calendar from a resolved state and style.
buildFluentCalendarCell(FluentCalendarCell cell, FluentCalendarStyle style, Set<WidgetState> states, FluentCalendarView view) → Widget: Renders one grid cell from a resolved cell, style and interaction set.
buildFluentCard(FluentCardBaseState state, FluentCardStyle style, Set<WidgetState> states) → Widget: Renders a card from a resolved state and style.
buildFluentCarousel(FluentCarouselBaseState state, FluentCarouselStyle style, Set<WidgetState> states) → Widget: Renders a carousel from a resolved state and style.
buildFluentCartesianChartDescription({required FluentChartAxisType xAxisType, required FluentChartAxisType yAxisType, required bool hasSecondaryScale, required FluentLocalizations l10n, String? chartTitle, String? xAxisTitle, String? yAxisTitle, String? secondaryYAxisTitle}) → String: The label a cartesian chart's root Semantics node carries.
buildFluentChartPopoverMultiValue(FluentChartPopoverData data, FluentChartPopoverStyle style, Color fallbackForeground) → Widget: Builds the stacked popover body. ChartPopover.tsx:116-165.
buildFluentChartPopoverSingleValue(FluentChartPopoverData data, FluentChartPopoverStyle style, Color fallbackForeground) → Widget: Builds the default single-value popover body. ChartPopover.tsx:60-110.
buildFluentCheckbox(FluentCheckboxBaseState state, FluentCheckboxStyle style, Set<WidgetState> states) → Widget: Renders a checkbox from a resolved state and style.
buildFluentColorArea(FluentColorAreaBaseState state, FluentColorAreaStyle style, Set<WidgetState> states) → Widget: Paints a colour area from a resolved state and style.
buildFluentColorPicker(FluentColorPickerBaseState state, FluentColorPickerStyle style, Set<WidgetState> states) → Widget: Lays a picker out from a resolved state and style.
buildFluentColorSlider(FluentColorSliderBaseState state, FluentColorSliderStyle style, Set<WidgetState> states) → Widget: Paints a rail from a resolved state and style.
buildFluentCompoundButton(FluentCompoundButtonBaseState state, FluentCompoundButtonStyle style, Set<WidgetState> states) → Widget: Renders a compound button from a resolved state and style.
buildFluentDataGrid(FluentDataGridBaseState state, FluentDataGridStyle style, Set<WidgetState> states) → Widget: Renders a data grid from a resolved state and style.
buildFluentDatePicker(FluentDatePickerBaseState state, FluentDatePickerStyle style, Set<WidgetState> states) → Widget: Renders a date picker's faceplate from a resolved state and style.
buildFluentDatePickerSurface(FluentDatePickerStyle style, Set<WidgetState> states, Widget child) → Widget: Renders the popup surface around child.
buildFluentDialog(FluentDialogBaseState state, FluentDialogStyle style, Set<WidgetState> states) → Widget: Renders a dialog surface from a resolved state and style.
buildFluentDivider(FluentDividerBaseState state, FluentDividerStyle style, Set<WidgetState> states) → Widget: Renders a divider from a resolved state and style.
buildFluentDrawer(FluentDrawerBaseState state, FluentDrawerStyle style, Set<WidgetState> states) → Widget: Renders a drawer panel from a resolved state and style.
buildFluentDropdown(FluentDropdownBaseState state, FluentDropdownStyle style, Set<WidgetState> states) → Widget: Renders a dropdown trigger from a resolved state and style.
buildFluentDropdownOption(FluentDropdownOptionBaseState state, FluentDropdownOptionStyle style, Set<WidgetState> states) → Widget: Renders one popup row from a resolved state and style.
buildFluentDropdownSurface(FluentDropdownStyle style, Set<WidgetState> states, Widget child) → Widget: Renders the popup surface child sits on.
buildFluentField(FluentFieldBaseState state, FluentFieldStyle style, Set<WidgetState> states) → Widget: Renders a field from a resolved state and style.
buildFluentHeatMapDataSet({required List<FluentHeatMapChartData> data, required FluentAxisCategoryOrder? xAxisCategoryOrder, required FluentAxisCategoryOrder? yAxisCategoryOrder, required bool alphabeticalSort, String? xAxisDateFormat, String? yAxisDateFormat, String? xAxisNumberFormat, String? yAxisNumberFormat, String xAxisStringFormatter(String)?, String yAxisStringFormatter(String)?, String placeholderText = 'No data available'}) → FluentHeatMapDataSet: Ports _createNewDataSet (HeatMapChart.tsx:466-590) plus the ordering pipeline at :641-731.
buildFluentInfoButton(FluentInfoButtonBaseState state, FluentInfoButtonStyle style, Set<WidgetState> states) → Widget: Renders an info button's trigger from a resolved state and style.
buildFluentInfoLabel(FluentInfoLabelBaseState state, FluentInfoLabelStyle style, Set<WidgetState> states) → Widget: Renders an info label from a resolved state and style.
buildFluentInfoTip(FluentInfoButtonBaseState state, FluentInfoButtonStyle style, Set<WidgetState> states) → Widget: Renders the tip surface from a resolved state and style.
buildFluentInput(FluentInputBaseState state, FluentInputStyle style, Set<WidgetState> states) → Widget: Renders an input from a resolved state and style.
buildFluentInteractionTag(FluentInteractionTagBaseState state, FluentTagStyle style, Set<WidgetState> states) → Widget: Renders an interaction tag's pressable half from a resolved state and style.
buildFluentInteractionTagDismiss(FluentTagStyle style, Set<WidgetState> states, {required Widget icon}) → Widget: Renders an interaction tag's dismiss half.
buildFluentLabel(FluentLabelBaseState state, FluentLabelStyle style, Set<WidgetState> states) → Widget: Renders a label from a resolved state and style.
buildFluentLink(FluentLinkBaseState state, FluentLinkStyle style, Set<WidgetState> states) → Widget: Renders a link from a resolved state and style.
buildFluentListItem(FluentListItemBaseState state, FluentListItemStyle style, Set<WidgetState> states) → Widget: Renders a list item from a resolved state and style.
buildFluentMenu(FluentMenuBaseState state, FluentMenuStyle style, Set<WidgetState> states) → Widget: Renders a menu surface from a resolved state and style.
buildFluentMenuItem(FluentMenuItemBaseState state, FluentMenuItemStyle style, Set<WidgetState> states) → Widget: Renders one menu row from a resolved state and style.
buildFluentMessageBar(FluentMessageBarBaseState state, FluentMessageBarStyle style, Set<WidgetState> states) → Widget: Renders a message bar from a resolved state and style.
buildFluentNavItem(FluentNavItemBaseState state, FluentNavItemStyle style, Set<WidgetState> states) → Widget: Renders a nav row from a resolved state and style.
buildFluentPersona(FluentPersonaBaseState state, FluentPersonaStyle style, Set<WidgetState> states) → Widget: Renders a persona from a resolved state and style.
buildFluentPopover(FluentPopoverBaseState state, FluentPopoverStyle style, Set<WidgetState> states) → Widget: Renders a popover surface from a resolved state and style.
buildFluentPresenceBadge(FluentPresenceBadgeBaseState state, FluentPresenceBadgeStyle style, Set<WidgetState> states) → Widget: Renders a presence badge from a resolved state and style.
buildFluentProgressBar(FluentProgressBarBaseState state, FluentProgressBarStyle style, Set<WidgetState> states) → Widget: Renders a progress bar from a resolved state and style.
buildFluentRadio(FluentRadioState state, FluentRadioStyle style, Set<WidgetState> states) → Widget: Renders a radio from a resolved state and style.
buildFluentRating(FluentRatingBaseState state, FluentRatingStyle style, Set<WidgetState> states) → Widget: Renders a rating from a resolved state and style.
buildFluentSearchBox(FluentSearchBoxBaseState state, FluentSearchBoxStyle style, Set<WidgetState> states) → Widget: Renders a search box from a resolved state and style.
buildFluentSkeleton(FluentSkeletonBaseState state, FluentSkeletonStyle style, Set<WidgetState> states) → Widget: Renders a skeleton from a resolved state and style.
buildFluentSlider(FluentSliderBaseState state, FluentSliderStyle style, Set<WidgetState> states) → Widget: Renders a slider from a resolved state and style.
buildFluentSpinButton(FluentSpinButtonBaseState state, FluentSpinButtonStyle style, Set<WidgetState> states) → Widget: Renders a spin button from a resolved state and style.
buildFluentSpinner(FluentSpinnerBaseState state, FluentSpinnerStyle style, Set<WidgetState> states, {FluentSpinnerPose pose = FluentSpinnerPose.resting}) → Widget: Renders a spinner from a resolved state, style and pose.
buildFluentSplitButton(FluentSplitButtonBaseState state, FluentSplitButtonStyle style, Set<WidgetState> states, {required FluentSplitButtonSide side}) → Widget: Renders one half of a split button from a resolved state and style.
buildFluentStatusIndicator(FluentStatusIndicatorBaseState state, FluentStatusIndicatorStyle style, Set<WidgetState> states) → Widget: Renders a status indicator from a resolved state and style.
buildFluentSwatch(FluentSwatchBaseState state, FluentSwatchStyle style, Set<WidgetState> states) → Widget: Renders a swatch from a resolved state and style.
buildFluentSwatchPicker(FluentSwatchPickerBaseState state, FluentSwatchPickerStyle style, Set<WidgetState> states) → Widget: Lays a picker out from a resolved state and style.
buildFluentSwitch(FluentSwitchBaseState state, FluentSwitchStyle style, Set<WidgetState> states) → Widget: Renders a switch from a resolved state and style.
buildFluentTab(FluentTabBaseState state, FluentTabStyle style, Set<WidgetState> states, {Animation<double>? indicatorFlip, double indicatorTranslation = 0, double indicatorScale = 1}) → Widget: Renders a tab from a resolved state and style.
buildFluentTag(FluentTagBaseState state, FluentTagStyle style, Set<WidgetState> states, {BorderRadius? borderRadius}) → Widget: Renders a tag from a resolved state and style.
buildFluentTagPicker(FluentTagPickerBaseState state, FluentTagPickerStyle style, Set<WidgetState> states) → Widget: Renders a tag picker's control from a resolved state and style.
buildFluentTagPickerSurface(FluentTagPickerStyle style, Set<WidgetState> states, Widget child) → Widget: Renders the popup surface child sits on.
buildFluentTeachingPopover(FluentTeachingPopoverBaseState state, FluentTeachingPopoverStyle style, Set<WidgetState> states) → Widget: Renders a teaching popover's content from a resolved state and style.
buildFluentTextarea(FluentTextareaBaseState state, FluentTextareaStyle style, Set<WidgetState> states, Widget field) → Widget: Renders a textarea's chrome around an already-built field.
buildFluentTimePicker(FluentTimePickerBaseState state, FluentTimePickerStyle style, Set<WidgetState> states) → Widget: Renders a time picker's faceplate from a resolved state and style.
buildFluentTimePickerSurface(FluentTimePickerStyle style, Set<WidgetState> states, Widget child) → Widget: Renders the listbox surface around child.
buildFluentToast(FluentToastBaseState state, FluentToastStyle style, Set<WidgetState> states) → Widget: Renders a toast from a resolved state and style.
buildFluentToolbar(FluentToolbarBaseState state, FluentToolbarStyle style, Set<WidgetState> states) → Widget: Renders a toolbar from a resolved state and style.
buildFluentTooltip(FluentTooltipBaseState state, FluentTooltipStyle style, Set<WidgetState> states) → Widget: Renders a tooltip from a resolved state and style.
buildFluentTreeItem(FluentTreeItemBaseState state, FluentTreeItemStyle style, Set<WidgetState> states) → Widget: Renders one tree row from a resolved state and style.
calcBandwidth(double totalWidth, int numBands, double innerPadding) → double: The bandwidth at which numBands bands and their gaps exactly fill totalWidth.
calcMaxLabelWidthWithTransform(List<String> labels, {required FluentChartTextMeasurer measurer, required TextStyle style, required FluentChartAxisType xAxisType, bool wrapXAxisLabels = false, bool rotateXAxisLabels = false, bool showXAxisLabelsTooltip = false, int noOfCharsToTruncate = 4}) → double: The widest tick label, measured after whatever transform the axis will apply.
calcRequiredWidth(double bandwidth, int numBands, double innerPadding) → double: The width needed to draw numBands bands of bandwidth with their gaps.
calcTotalBandUnits(int numBands, double innerPadding) → double: The combined size of every band and every gap, measured in bandwidths.
calcTotalWidth(double containerWidth, FluentChartMargins margins, [double extraMargin = 0]) → double: The width left for bars once the margins are taken out.
calculateAppropriateBarWidth(List<Object> data, double totalWidth, double innerPadding) → double: The bar width that stops bars overlapping on a continuous axis.
calculateMarkerRadius({double? pointMarkerSize, required double minMarkerSize, required double maxMarkerSize, required double extraMaxPixels, required bool isContinuousXY, bool isActive = false, double defaultRadius = 3.5, double activeRadius = 5.5, double minRadius = 4}) → double: The radius of one marker, in logical pixels.
calculatePrecision(Object value) → int: The number of digits value is meaningful to.
calculateRoundedTicks(double minVal, double maxVal, int splitInto) → List<double>: The rounded tick set used when roundOffTickValues is on.
calculateSankeyChartMinWidth(int columnCount) → double: Minimum width the chart needs to show columnCount node columns (SankeyChart.tsx:1012-1021).
calloutData(List<FluentLineChartSeries> values) → List<FluentCustomizedCalloutData>: Groups every series' values by their x, ready for a callout.
capitalizeLegendLabel(String label) → String: label with the first letter of each word in upper case.
chartAxisTypeOf(Object value) → FluentChartAxisType: The axis kind value belongs to.
computeFluentSankeyLayout({required FluentSankeyChartData data, required Size size, required double titleHeight, required bool isRtl, List<Color>? colorsForNodes, List<Color>? borderColorsForNodes}) → FluentSankeyLayoutResult: Runs the whole upstream layout pipeline.
computeFluentStackedBarGapMetrics({required List<FluentStackedBarDatum> bars, required Scale yBarScale, required bool isStringYAxis, required double barGapMax, double? defaultTotalHeight}) → FluentStackedBarGapMetrics: Ports _getBarGapAndScale (VerticalStackedBarChart.tsx:806-847).
computeLongestBars(Map<String, List<Object>> grouped, double xOrigin) → (double, double): The longest positive and longest negative stacked bar.
computeSankeyNodeVisuals({required FluentSankeyLayoutResult layout, required FluentChartTextMeasurer measurer, required TextStyle nameStyle, required TextStyle weightMeasurementStyle, required String formatNumber(double value), required String nodeSemanticLabel(String name, String weight)}) → List<FluentSankeyNodeVisual>: Computes the text visuals for every node.
createDateXAxis(FluentXAxisParams xAxisParams, FluentTickParams tickParams, {String? culture, FluentDateTimeFormatOptions? options, TimeLocaleDefinition? timeFormatLocale, String customDateTimeFormatter(DateTime)?, Object? useUtc, FluentChartType? chartType}) → FluentAxisSpec: Builds a date x axis.
createNumericXAxis(FluentXAxisParams xAxisParams, FluentTickParams tickParams, FluentChartType chartType, {String? culture, FluentAxisScaleType? scaleType}) → FluentAxisSpec: Builds a numeric x axis.
createNumericYAxis(FluentYAxisParams yAxisParams, FluentAxisData axisData, {required bool isRtl, required bool isIntegralDataset, required FluentChartType chartType, bool useSecondaryYScale = false, FluentAxisScaleType? scaleType}) → FluentAxisSpec: Builds a numeric y axis.
createPolarAngularScale(FluentPolarScaleKind kind, List<Object> domain, {int? tickCount, List<Object>? tickValues, List<String>? tickText, String? tickFormat, Object? tickStep, Object? tick0, FluentPolarDirection direction = FluentPolarDirection.counterclockwise, FluentPolarAngularUnit unit = FluentPolarAngularUnit.degrees}) → FluentPolarAngularScale: Builds the angular axis.
createPolarRadialScale(FluentPolarScaleKind kind, List<Object> domain, List<double> range, {bool useUtc = false, int? tickCount, List<Object>? tickValues, List<String>? tickText, String? tickFormat, String? culture, Object? tickStep, Object? tick0, FluentDateTimeFormatOptions? dateLocalizeOptions}) → FluentPolarRadialScale: Builds the radial axis.
createStringXAxis(FluentXAxisParams xAxisParams, FluentTickParams tickParams, List<String> dataset, {String? culture}) → FluentAxisSpec: Builds a band x axis.
createStringYAxis(FluentYAxisParams yAxisParams, List<String> dataPoints, FluentAxisData axisData, {required bool isRtl, FluentChartType? chartType}) → FluentAxisSpec: Builds a band y axis for every chart except HorizontalBarChartWithAxis.
createStringYAxisForHorizontalBarChartWithAxis(FluentYAxisParams yAxisParams, List<String> dataPoints, FluentAxisData axisData, {required bool isRtl}) → FluentAxisSpec: Builds the band y axis of HorizontalBarChartWithAxis.
createYAxisForHorizontalBarChartWithAxis(FluentYAxisParams yAxisParams, FluentAxisData axisData, {required bool isRtl}) → FluentAxisSpec: Builds the numeric y axis of HorizontalBarChartWithAxis and GanttChart.
createYAxisLabels(List<String> labels, int noOfCharsToTruncate, {required bool truncateLabel, required bool isRtl}) → List<FluentAxisTickLabel>: Lays out y-axis tick labels, truncating them when asked.
defaultYAxisTickFormatter(double value) → String: The default y-axis tick label formatter.
domainRangeOfDateForAreaLineScatterVerticalBarCharts(List<Object> points, FluentChartMargins margins, double width, {required bool isRtl, required FluentChartType chartType, List<DateTime> tickValues = const <DateTime>[], bool hasMarkersMode = false}) → FluentChartDomainRange: The domain and range of a date x axis.
domainRangeOfNumericForAreaLineScatterCharts(List<Object> points, FluentChartMargins margins, double width, {required bool isRtl, FluentAxisScaleType? scaleType, bool hasMarkersMode = false, bool isScatterPolar = false, double? xMinVal, double? xMaxVal}) → FluentChartDomainRange: The domain and range of a numeric x axis for area, line and scatter charts.
domainRangeOfNumericForHorizontalBarChartWithAxis(List<Object> points, FluentChartMargins margins, double containerWidth, {required bool isRtl, double xOrigin = 0}) → FluentChartDomainRange: The domain and range of the dependent (horizontal) axis of HorizontalBarChartWithAxis and GanttChart.
domainRangeOfVerticalNumeric(List<Object> points, FluentChartMargins margins, double containerWidth, {required bool isRtl}) → FluentChartDomainRange: The domain and range of VerticalBarChart's numeric x axis.
domainRangeOfVSBCNumeric(List<Object> points, FluentChartMargins margins, double width, {required bool isRtl}) → FluentChartDomainRange: The domain and range of VerticalStackedBarChart's numeric x axis.
domainRangeOfXStringAxis(FluentChartMargins margins, double width, {required bool isRtl}) → FluentChartDomainRange: The range of a band x axis.
findCalloutPoints(List<FluentCustomizedCalloutData> data, Object? x, {required bool isXAxisDate}) → List<FluentCustomizedCalloutDataPoint>?: The callout rows at x, or null when there are none.
findHBCWANumericMinMaxOfY(List<Object> points, FluentChartAxisType? yAxisType) → FluentChartMinMax: The y extent of HorizontalBarChartWithAxis or GanttChart.
findNumericMinMaxOfY(List<Object> points, {FluentChartAxisType? yAxisType, bool useSecondaryYScale = false, FluentAxisScaleType? scaleType}) → FluentChartMinMax: The y extent of a line or scatter chart on one of the two scales.
findVerticalNumericMinMaxOfY(List<Object> points, {FluentChartAxisType? yAxisType, bool useSecondaryYScale = false}) → FluentChartMinMax: The y extent of a vertical bar chart on one of the two scales.
findVSBCNumericMinMaxOfY(List<Object> dataset) → FluentChartMinMax: The y extent of a vertical stacked bar dataset.
fluentAnnotationBandOffset(Scale? scale, Object? value) → double?: Scales value, centring it on its band when scale has a bandwidth.
fluentAnnotationConnector({required FluentAnnotationBox box, required FluentChartAnnotationConnector connector, required Color defaultStrokeColor}) → FluentChartAnnotationConnectorGeometry: Pass two: the line itself. ChartAnnotationLayer.tsx:670-714.
fluentAnnotationPlainText(String text) → String: The annotation's text with markup removed and br turned into a newline.
fluentApplyOpacityToColor(Color? color, double opacity, {bool preserveOriginalOpacity = true}) → Color?: Returns color carrying opacity, or color unchanged when it is already translucent and preserveOriginalOpacity holds.
fluentBreadcrumbOverflowIcon(FluentBreadcrumbSize size) → IconData: The glyph on the overflow trigger, per size.
fluentBreadcrumbSeparatorIcon(FluentBreadcrumbSize size) → IconData: The chevron Figma draws between two crumbs, per size.
fluentCalendarDateFormatter(Locale locale) → FluentCalendarDateFormatter: A FluentCalendarDateFormatter that renders every cell and caption through locale. Same locale-data requirement as fluentCalendarStrings.
fluentCalendarDay(DateTime date) → DateTime: Strips the time and the zone: every date a calendar reasons about internally is a UTC midnight.
fluentCalendarIsSameDay(DateTime a, DateTime b) → bool: Whether two dates fall on the same calendar day, ignoring time and zone.
fluentCalendarLocalDay(DateTime date) → DateTime: The local-midnight counterpart of fluentCalendarDay, used on the way out.
fluentCalendarPage({required DateTime pickerDate, required FluentCalendarView view, required DateTime today, DateTime? value, DateTime? minDate, DateTime? maxDate, Iterable<DateTime> restrictedDates = const <DateTime>[], FluentDayOfWeek firstDayOfWeek = FluentDayOfWeek.sunday, FluentCalendarStrings strings = FluentCalendarStrings.english, FluentCalendarDateFormatter formatter = const FluentCalendarDateFormatter(), bool highlightCurrentPeriod = false, bool highlightSelectedPeriod = false}) → List<List<FluentCalendarCell>>: Builds one page of a calendar, in row-major order.
fluentCalendarStrings(Locale locale, {FluentCalendarStrings template = FluentCalendarStrings.english}) → FluentCalendarStrings: FluentCalendarStrings with locale's month and day names.
fluentCalendarWeekNumber(DateTime date, {FluentDayOfWeek firstDayOfWeek = FluentDayOfWeek.sunday, FluentFirstWeekOfYear firstWeekOfYear = FluentFirstWeekOfYear.firstDay}) → int: The week of the year date falls in.
fluentCalendarWeekNumbers({required int weeksInMonth, required DateTime pickerDate, FluentDayOfWeek firstDayOfWeek = FluentDayOfWeek.sunday, FluentFirstWeekOfYear firstWeekOfYear = FluentFirstWeekOfYear.firstDay}) → List<int>: The week number beside each of weeksInMonth rows of the page holding pickerDate.
fluentChartBaselineOffset(FluentChartTitleBaseline baseline, FluentChartTextMetrics metrics) → double: How far below y the alphabetic baseline sits for baseline.
fluentChartIsDarkTheme(FluentColors colors) → bool: Whether colors reads as a dark theme for palette purposes.
fluentChartLegendIsDimmed(String title, {required Set<String> selectedLegends, required String activeLegend}) → bool: Whether title's swatch and label are drawn in their dimmed treatment.
fluentChartLegendRowWidth(String title, TextStyle style, FluentChartTextMeasurer measurer) → double: Laid-out width of one legend row, in logical pixels.
fluentChartLegendShapePath(FluentChartLegendShape shape) → Path: The marker outline for shape, in the authored 0..12 user space of shape.tsx:19-30.
fluentChartLegendShapeRotation(FluentChartLegendShape shape) → double: Clockwise rotation applied to the whole 14×14 viewport for shape.
fluentChartLegendVisibleCount(List<double> rowWidths, double available, double triggerWidth) → int: How many rows stay in the listbox before the rest collapse into the menu.
fluentChartPopoverHasSubCounts(List<FluentYValueHover>? values) → bool: Whether any reading carries a subcount breakdown rather than a plain string.
fluentChartPopoverShapeForIndex(int index) → FluentChartLegendShape: The marker for a series at index in the multi-value popover.
fluentChartStripePhase(Offset point) → double: Distance of point along the 135° gradient axis, in logical pixels.
fluentChartTableSafeBackground({required Color? foreground, required Color? background, required FluentColors colors}) → Color: Ports getSafeBackgroundColor (ChartTable.tsx:23-47).
fluentChartTitleBackgroundRect(Offset anchor, Size textSize) → Rect: The rect painted behind a chart title when showBackground is set.
fluentChartTitleDefaultY(double? fontSize) → double: The default y for a painted chart title. ChartTitle.tsx:80-87.
fluentColorContrast(Color a, Color b) → double: The WCAG contrast ratio between a and b.
fluentColorFrom({required double hue, required double saturation, required double value, required double alpha}) → HSVColor: Builds a colour from raw channel numbers.
fluentColorRailAnchor({required bool vertical, required TextDirection textDirection}) → Alignment: The edge a rail's minimum value sits against.
fluentContrastTextColor(Color background, FluentColors colors) → Color: A readable text colour for text sitting on background, drawn from colors.
fluentDateFormat(Locale locale, {String? pattern}) → DateFormat: The DateFormat a picker formats and parses its field with.
fluentDonutArcPaths(FluentDonutLayout layout, {required double cornerRadius}) → List<Path>: Builds one Path per slice of layout, already translated onto FluentDonutLayout.centre.
fluentDrawerDuration(FluentDrawerSize size) → Duration: How long a drawer of size takes to open or close.
fluentDrawerEnter(FluentDrawerSize size) → FluentMotionSpec: The drawer arriving: fluentDrawerDuration on curveDecelerateMid.
fluentDrawerExit(FluentDrawerSize size) → FluentMotionSpec: The drawer leaving: the same duration on curveAccelerateMin.
fluentDrawerScrimFade(FluentDrawerSize size) → FluentMotionSpec: The modal scrim fading behind an overlay drawer.
fluentFormatCalendarDay(DateTime date) → String: Renders a day number — 15.
fluentFormatCalendarMonth(DateTime date, FluentCalendarStrings strings) → String: Renders a month name — March.
fluentFormatCalendarMonthDayYear(DateTime date, FluentCalendarStrings strings) → String: Renders a full date — March 15, 2026.
fluentFormatCalendarMonthYear(DateTime date, FluentCalendarStrings strings) → String: Renders a month and year — March 2026.
fluentFormatCalendarYear(DateTime date) → String: Renders a year — 2026.
fluentFormatDate(DateTime date) → String: Renders a date as M/d/yyyy.
fluentFormatTime(DateTime time, {FluentHourCycle cycle = FluentHourCycle.h12, bool showSeconds = false}) → String: Renders a time on the given clock.
fluentGaugeArcs(FluentGaugeLayout layout, {required double arcPadding, required double cornerRadius, required bool isRtl}) → List<FluentGaugeArc>: Builds the gauge's arcs.
fluentGaugeNeedlePath({required double innerRadius, required double needleLength, required double extraNeedleLength, required double strokeWidth}) → Path: The needle outline, already translated into the frame the rotation spins.
fluentGaugeSegmentLabel(FluentGaugeSegment segment, double minValue, double maxValue, FluentGaugeChartVariant variant, {required bool forSemantics}) → String: The visible or accessible label for one gauge segment.
fluentGaugeValueLabel(double chartValue, double minValue, double maxValue, Object? format, {required bool forCallout}) → String: The chart value, either painted in the middle of the arc or read out in the popover.
fluentGroupedLineDots(List<FluentLineSeries> lineSeries, FluentCartesianChildContext context) → List<FluentGroupedLineDot>: Every dot of lineSeries, in series then point order.
fluentHeatMapColourAt(double value, {required List<double> domain, required List<Color> range}) → Color: The heat-map colour ramp.
fluentInfoButtonActiveIcon(FluentInfoButtonSize size) → IconData: The default hovered, pressed and open glyph for size. Info{12,16,20}Filled.
fluentInfoButtonIcon(FluentInfoButtonSize size) → IconData: The default resting glyph for size. Info{12,16,20}Regular.
fluentIntlFormatDate(Locale locale, {String? pattern}) → String Function(DateTime date): fluentFormatDate's locale-aware counterpart.
fluentIntlLocale(Locale locale) → String: intl's locale identifier for locale — en_US, not en-US.
fluentIntlLocaleAvailable(Locale locale) → bool: Whether intl can format locale, by its own rules.
fluentIntlParseDate(Locale locale, {String? pattern}) → DateTime? Function(String text): fluentParseDate's locale-aware counterpart. Null when the text is not a date.
fluentInvertedTextColor(Color color, FluentColors colors) → Color: The opposite of color within the neutral pair drawn from colors.
fluentL10n(BuildContext context) → FluentLocalizations: The Fluent component strings in scope at context.
fluentLayoutAnnotationBox({required FluentResolvedAnnotationPosition resolved, required Size measured, required FluentChartAnnotationLayout? layout, required FluentChartAnnotationContext context}) → FluentAnnotationBox: Aligns and clamps an annotation box. ChartAnnotationLayer.tsx:532-559.
fluentLerpColor(Color? a, Color? b, double t) → Color?: Interpolates two colours the way a CSS transition does.
fluentPackEventAnnotationLabels(List<double> positions, double textWidth, double maxX, double minX) → List<FluentEventLabelPlacement>: Packs event labels along the x axis without overprinting.
fluentParseDate(String text) → DateTime?: Parses M/d/yyyy and the common separator variants, falling back to ISO-8601.
fluentParseTime(String text, {required DateTime dateAnchor, int startHour = 0, int endHour = 24, bool required = false}) → FluentTimeStringValidationResult: Parses a typed time against the day dateAnchor falls on.
fluentPresenceStatusLabel(FluentPresenceStatus status, {required bool outOfOffice, required FluentLocalizations l10n}) → String: What a presence badge announces for status.
fluentPushOffAnnotationBox(FluentAnnotationBox box, FluentChartAnnotationConnector connector, {required FluentChartAnnotationLayout? layout, required FluentChartAnnotationContext context}) → FluentAnnotationBox: Pass one of the connector geometry: push a box off its own anchor.
fluentSkeletonPulseOpacity(double t) → double: The pulse's opacity at t, a raw fraction of the 1s loop.
fluentSkeletonWaveOffset(double t) → double: The wave band's left edge at t, as a multiple of the skeleton's own width.
fluentTagGeometry(FluentTagSize size, FluentThemeData theme, {bool twoLine = false}) → (EdgeInsets, double, double, double, TextStyle): The geometry ramp both tag components share, verbatim from Figma: content padding, item gap, glyph size, height, and the primary type step.
fluentTextContextMenuBuilder(BuildContext context, EditableTextState state) → Widget: The cut / copy / paste menu for Fluent text controls.
fluentTimePickerOptions({required DateTime dateAnchor, int startHour = 0, int endHour = 24, int increment = 30}) → List<DateTime>: Every time a FluentTimePicker offers, in order.
formatDateToLocaleString(DateTime date, {String? culture, bool useUtc = false, bool showTZname = true, FluentDateTimeFormatOptions? options}) → String: Formats a date for display on an axis or in a popover.
formatPolarAngle(Object value, FluentPolarAngularUnit unit) → String: Formats an angular value for a tick label or a popover.
formatSankeyTemplate(String template, List<Object?> values) → String: Substitutes {0}-style placeholders (utilities/string.ts:21-37).
formatScientificLimitWidth(double value) → String: The width-constrained variant used for bar value labels, for example at VerticalBarChart.tsx:960.
formatToLocaleString(Object? data, {String? culture, bool useUtc = false}) → String: Formats a number, numeric string or date for display.
generateDateTicks(Object tickStep, Object? tick0, List<DateTime> domain, {bool useUtc = false}) → List<DateTime>?: The custom tick values for a date axis, or null when tickStep does not describe one.
generateLinearTicks(double tick0, double tickStep, List<double> scaleDomain) → List<double>: Every multiple of tickStep anchored at tick0 that lies inside scaleDomain.
generateMonthlyTicks(DateTime tick0, int months, List<DateTime> domain, {bool useUtc = false}) → List<DateTime>: Ticks every months months from tick0, clipped to domain.
generateNumericTicks(FluentAxisScaleType? scaleType, Object tickStep, Object? tick0, List<double> scaleDomain) → List<double>?: The custom tick values for a numeric axis, or null when tickStep does not describe one.
getBarWidth(Object? barWidth, double? maxBarWidth, {double adjustedValue = kDefaultBarWidth, String? mode}) → double: Resolves a bar width from the caller's prop and the computed fit.
getClosestPairDiffAndRange(List<Object> data) → (double, double)?: The smallest gap between adjacent values in data, and the whole span, or null when there are fewer than two values.
getCurveFactory(Object? curve, [D3CurveFactory defaultFactory = d3.curveLinear]) → D3CurveFactory: The d3 curve factory curve names.
getDateFormatLevel(DateTime date, {bool useUtc = false}) → int: How coarse a date is — 0 for milliseconds up to 7 for years.
getDomainPaddingForMarkers(double minVal, double maxVal, {FluentAxisScaleType? scaleType, double? userMinVal, double? userMaxVal}) → ({double end, double start}): How much domain to add at each end of [minVal, maxVal] so that markers drawn at the extremes are not clipped.
getRangeForScatterMarkerSize({required List<Object> points, required Scale xScale, required Scale yScalePrimary, Scale? yScaleSecondary, bool useSecondaryYScale = false, FluentAxisScaleType? xScaleType, FluentAxisScaleType? yScaleType, FluentAxisScaleType? secondaryYScaleType}) → double: The pixel budget one marker may spend without leaving the plot area.
getScalePadding(Object? prop, [Object? shorthand, double defaultValue = 0]) → double: Resolves a band-scale padding, clamped into 0..1.
getScatterXDomainExtent(List<Object> points, {FluentAxisScaleType? scaleType}) → (Object?, Object?): The x extent across every series in points, filtered for the scale.
getTypeOfAxis(Object value, {required bool isXAxis}) → FluentChartAxisType: The axis kind value drives.
getXAxisType(List<FluentLineChartSeries> points) → bool: Whether a line or area chart's x axis is a date axis.
groupChartDataByYValue(List<Object> points) → Map<String, List<Object>>: Groups horizontal-bar points by their y value, for the stacked case.
groupSankeyNodesByColumn(List<SankeyLayoutNode> nodes) → Map<int, List<SankeyLayoutNode>>: Groups the laid-out nodes by column (SankeyChart.tsx:164-175).
handleFloatingPointPrecisionError(double n) → double: Snaps a value that is within 1e-6 of an integer onto that integer.
isDateLike(Object? value) → bool: Whether value reads as a date.
isFluentStackedFunnelData(List<FluentFunnelDataPoint> data) → bool: Whether data should be drawn as a stacked funnel.
isInvalidChartValue(Object? value) → bool: Whether value is unusable as a coordinate.
isLegendHighlightedMulti(String title, {required List<String> selectedLegends, String? activeLegend}) → bool: Whether title is highlighted under the multi-select model.
isLegendHighlightedSingle(String title, {required String selectedLegend, String? activeLegend}) → bool: Whether title is highlighted under the single-select model.
isLegendHighlightedSingleGuarded(String? title, {required String? selectedLegend, String? activeLegend}) → bool: Model B with HorizontalBarChart's absent-title guard.
isNumberLike(Object? value) → bool: Whether value reads as a finite number.
isPlottable(Object? x, Object? y) → bool: Whether the pair (x, y) can be drawn.
isPowerOf10(double n) → bool: Whether n is an exact power of ten.
isScalePaddingDefined(Object? prop, [Object? shorthand]) → bool: Whether the caller supplied a padding at all.
isTextMode(List<Object> points) → bool: Whether any series in points is drawn as text and nothing else.
isValidDomainValue(Object? v, FluentAxisScaleType? scaleType) → bool: Whether v may enter a scale's domain.
lineModeDrawsLines(FluentLineMode? mode) → bool: Whether a series in mode draws its connecting line.
lookupFluentLocalizations(Locale locale) → FluentLocalizations
mergeVegaConcatSubSpec(Map<String, Object?> parent, Map<String, Object?> sub) → Map<String, Object?>: One concat sub-spec merged onto its parent (VegaDeclarativeChart.tsx:463-473).
multiLevelD3DateFormat(int startLevel, int endLevel) → String: The strftime specifier that spans levels startLevel to endLevel.
multiLevelDateTimeFormatOptions(int? startLevel, int? endLevel) → FluentDateTimeFormatOptions: The Intl option bag that spans levels startLevel to endLevel.
nextFluentChartLegendSelection(Set<String> current, String title, {required FluentChartLegendSelectionMode mode, required int legendCount}) → Set<String>: The selection set after title is activated.
normalizePolarAngle(double degrees, FluentPolarDirection direction) → double: Folds a datum angle in degrees into the [0, 360) screen angle.
paintFluentColorThumb(Canvas canvas, {required Offset centre, required double size, required Color fill, Color? borderColor, double borderWidth = FluentStroke.none, Color? innerColor, double innerWidth = FluentStroke.none, List<BoxShadow> shadow = const <BoxShadow>[]}) → void: Paints the disc that marks the selected colour on a colour area or a rail.
paintScatterPolarLabel(Canvas canvas, FluentScatterPolarLabel label, {required FluentChartTextMeasurer measurer, required TextStyle style}) → void: Paints one placed label centred on its position.
parseFluentAnnotationMarkup(String text, TextStyle base) → List<InlineSpan>: Parses an annotation's b / i / br markup into spans over base.
polarContinuousDomain(FluentPolarScaleKind kind, List<Object?> values, {Object? rangeStart, Object? rangeEnd}) → List<Object>: Computes the two-element domain of a continuous polar axis.
polarDegreesToRadians(double degrees) → double: Converts degrees to radians (PolarChart.utils.ts:181).
polarRadiansToDegrees(double radians) → double: Converts radians to degrees (PolarChart.utils.ts:183).
polarScaleTypeOf(List<Object?> values, {FluentAxisScaleType? scaleType, bool supportsLog = false}) → FluentPolarScaleKind: Infers the scale family for a polar axis from its values.
precisionRoundValue(double value, int precision, [int base = 10]) → double: Rounds value to precision digits, accepting a negative precision.
prepareDatapoints(double maxVal, double minVal, int splitInto, {required bool isIntegralDataset, bool roundedTicks = false}) → List<double>: The y-axis tick set, and the domain the scale is built from.
resolveFluentAccordionItemState({bool enabled = true, bool expanded = false, FluentAccordionSize size = FluentAccordionSize.medium, FluentAccordionExpandIconPosition expandIconPosition = FluentAccordionExpandIconPosition.start, Widget? icon, Widget? header}) → FluentAccordionItemState: Builds the state an accordion item will be styled and rendered from.
resolveFluentAccordionItemStyle(FluentAccordionItemState state, FluentThemeData theme) → FluentAccordionItemStyle: Resolves the default style for state against theme.
resolveFluentAcrylicSurfaceStyle(FluentThemeData theme) → FluentAcrylicSurfaceStyle: Resolves the default acrylic style against theme.
resolveFluentAnnotationCoordinates(FluentChartAnnotation annotation, FluentChartAnnotationContext context) → FluentResolvedAnnotationPosition?: Resolves annotation's anchor and box reference point, or null to skip it.
resolveFluentAnnotationOnlyChartStyle(FluentThemeData theme) → FluentAnnotationOnlyChartStyle: The derived defaults for an annotation-only chart.
resolveFluentAreaChartStyle(FluentThemeData theme) → FluentAreaChartStyle: The derived defaults for an area chart, before any theme or widget override.
resolveFluentAvatarGroupState({required List<Widget> children, FluentAvatarGroupLayout layout = FluentAvatarGroupLayout.spread, FluentAvatarSize size = FluentAvatarSize.size32}) → FluentAvatarGroupState: Builds the state an avatar group will be styled and rendered from.
resolveFluentAvatarGroupStyle(FluentAvatarGroupState state, FluentThemeData theme) → FluentAvatarGroupStyle: Resolves the default style for state against theme.
resolveFluentAvatarState({FluentAvatarColor color = FluentAvatarColor.neutral, FluentAvatarSize size = FluentAvatarSize.size32, FluentAvatarShape shape = FluentAvatarShape.circular, FluentAvatarActive active = FluentAvatarActive.unset, ImageProvider<Object>? image, String? initials, Widget? icon, FluentPresenceStatus? status, bool outOfOffice = false, String? semanticLabel}) → FluentAvatarState: Builds the state an avatar will be styled and rendered from.
resolveFluentAvatarStyle(FluentAvatarState state, FluentThemeData theme) → FluentAvatarStyle: Resolves the default style for state against theme.
resolveFluentBadgeState({FluentBadgeColor color = FluentBadgeColor.brand, FluentBadgeSize size = FluentBadgeSize.medium, FluentBadgeAppearance appearance = FluentBadgeAppearance.filled, FluentBadgeIconPosition iconPosition = FluentBadgeIconPosition.before, Widget? icon, Widget? label}) → FluentBadgeState: Builds the state a badge will be styled and rendered from.
resolveFluentBadgeStyle(FluentBadgeState state, FluentThemeData theme) → FluentBadgeStyle: Resolves the default style for state against theme.
resolveFluentBreadcrumbState({bool enabled = true, bool current = false, bool overflow = false, FluentBreadcrumbSize size = FluentBreadcrumbSize.medium, Widget? label, Widget? icon, Widget? separator}) → FluentBreadcrumbState: Builds the state one crumb will be styled and rendered from.
resolveFluentBreadcrumbStyle(FluentBreadcrumbState state, FluentThemeData theme) → FluentBreadcrumbStyle: Resolves the default style for state against theme.
resolveFluentButtonState({bool enabled = true, FluentButtonAppearance appearance = FluentButtonAppearance.secondary, FluentButtonSize size = FluentButtonSize.medium, FluentButtonShape shape = FluentButtonShape.rounded, FluentButtonIconPosition iconPosition = FluentButtonIconPosition.before, Widget? icon, Widget? label}) → FluentButtonState: Builds the state a button will be styled and rendered from.
resolveFluentButtonStyle(FluentButtonState state, FluentThemeData theme) → FluentButtonStyle: Resolves the default style for state against theme.
resolveFluentCalendarState({required List<FluentCalendarPanel> panels, required FluentCalendarView view, bool enabled = true, double slideProgress = 1, bool slideForwards = true, VoidCallback? onGoToToday, String? goToTodayLabel, String? semanticLabel}) → FluentCalendarState: Assembles a FluentCalendarState.
resolveFluentCalendarStyle(FluentCalendarState state, FluentThemeData theme) → FluentCalendarStyle: Derives the default style for state from theme.
resolveFluentCardState({bool enabled = true, bool interactive = false, bool selected = false, FluentCardAppearance appearance = FluentCardAppearance.filled, FluentCardOrientation orientation = FluentCardOrientation.vertical, FluentCardSize size = FluentCardSize.medium, Widget? preview, Widget? header, Widget? body, Widget? footer}) → FluentCardState: Builds the state a card will be styled and rendered from.
resolveFluentCardStyle(FluentCardState state, FluentThemeData theme) → FluentCardStyle: Resolves the default style for state against theme.
resolveFluentCarouselState({Widget viewport = const SizedBox.shrink(), bool enabled = true, int count = 0, int index = 0, FluentCarouselLayout layout = FluentCarouselLayout.outsideContent, FluentCarouselChevronPlacement chevronPlacement = FluentCarouselChevronPlacement.flexibleToEdges, FluentCarouselNavType navType = FluentCarouselNavType.steps, String? previousLabel, String? nextLabel, String stepLabel(int index, int count)?, FluentLocalizations? l10n, Widget? header, List<Widget>? previews, Widget? autoplayControl, VoidCallback? onPrevious, VoidCallback? onNext, void onStepSelected(int index)?}) → FluentCarouselState: Builds the state a carousel will be styled and rendered from.
resolveFluentCarouselStyle(FluentCarouselState state, FluentThemeData theme) → FluentCarouselStyle: Resolves the default style for state against theme.
resolveFluentCartesianChartStyle(FluentThemeData theme) → FluentCartesianChartStyle: Derives the default cartesian chart style from theme.
resolveFluentChartAnnotationLayerStyle(FluentThemeData theme) → FluentChartAnnotationLayerStyle: Resolves the theme-derived annotation layer defaults.
resolveFluentChartLegendStyle(FluentThemeData theme) → FluentChartLegendStyle: Resolves the theme-derived legend defaults.
resolveFluentChartPopoverStyle(FluentThemeData theme) → FluentChartPopoverStyle: Resolves the theme-derived chart popover defaults from theme.
resolveFluentChartTableStyle(FluentThemeData theme) → FluentChartTableStyle: The derived defaults for a chart table, before any theme or widget override.
resolveFluentCheckboxState({bool enabled = true, bool? checked = false, FluentCheckboxSize size = FluentCheckboxSize.medium, FluentCheckboxShape shape = FluentCheckboxShape.square, FluentCheckboxLabelPosition labelPosition = FluentCheckboxLabelPosition.after, Widget? label}) → FluentCheckboxState: Builds the state a checkbox will be styled and rendered from.
resolveFluentCheckboxStyle(FluentCheckboxState state, FluentThemeData theme) → FluentCheckboxStyle: Resolves the default style for state against theme.
resolveFluentColorAreaState({required HSVColor color, bool enabled = true, FluentColorPickerShape shape = FluentColorPickerShape.rounded}) → FluentColorAreaState: Builds the state a colour area will be styled and painted from.
resolveFluentColorAreaStyle(FluentColorAreaState state, FluentThemeData theme) → FluentColorAreaStyle: Resolves the default style for state against theme.
resolveFluentColorPickerState({required List<Widget> children, FluentColorPickerShape shape = FluentColorPickerShape.rounded}) → FluentColorPickerState: Builds the state a picker will be styled and laid out from.
resolveFluentColorPickerStyle(FluentColorPickerState state, FluentThemeData theme) → FluentColorPickerStyle: Resolves the default style for state against theme.
resolveFluentColorSliderState({required HSVColor color, FluentColorChannel channel = FluentColorChannel.hue, bool vertical = false, bool transparency = false, bool enabled = true, FluentColorPickerShape shape = FluentColorPickerShape.rounded}) → FluentColorSliderState: Builds the state a rail will be styled and painted from.
resolveFluentColorSliderStyle(FluentColorSliderState state, FluentThemeData theme) → FluentColorSliderStyle: Resolves the default style for state against theme.
resolveFluentCompoundButtonState({bool enabled = true, FluentButtonAppearance appearance = FluentButtonAppearance.secondary, FluentButtonSize size = FluentButtonSize.medium, FluentButtonShape shape = FluentButtonShape.rounded, FluentButtonIconPosition iconPosition = FluentButtonIconPosition.before, Widget? icon, Widget? label, Widget? secondaryLabel}) → FluentCompoundButtonState: Builds the state a compound button will be styled and rendered from.
resolveFluentCompoundButtonStyle(FluentCompoundButtonState state, FluentThemeData theme) → FluentCompoundButtonStyle: Resolves the default style for state against theme.
resolveFluentDataGridState({required List<double?> columnWidths, required List<FluentDataGridRenderRow> rows, bool enabled = true, FluentDataGridSize size = FluentDataGridSize.medium, FluentDataGridSelectionAppearance selectionAppearance = FluentDataGridSelectionAppearance.neutral, FluentDataGridHeaderWeight headerWeight = FluentDataGridHeaderWeight.semibold, List<Widget>? headerCells, double? selectionColumnWidth}) → FluentDataGridState: Builds the state a data grid will be styled and rendered from.
resolveFluentDataGridStyle(FluentDataGridState state, FluentThemeData theme) → FluentDataGridStyle: Resolves the default style for state against theme.
resolveFluentDatePickerState({required TextEditingController controller, required FocusNode focusNode, required GlobalKey<EditableTextState> editableTextKey, bool enabled = true, bool readOnly = true, bool error = false, bool focused = false, bool open = false, FluentDatePickerAppearance appearance = FluentDatePickerAppearance.outline, FluentDatePickerSize size = FluentDatePickerSize.medium, bool borderless = false, Widget? placeholder, Widget? icon, Widget? contentBefore, ValueChanged<String>? onChanged, ValueChanged<String>? onSubmitted, bool autofocus = false, String? semanticLabel}) → FluentDatePickerState: Assembles a FluentDatePickerState.
resolveFluentDatePickerStyle(FluentDatePickerState state, FluentThemeData theme) → FluentDatePickerStyle: Derives the default style for state from theme.
resolveFluentDeclarativeChartStyle(FluentThemeData theme, {FluentDeclarativeChartStyle? themeStyle, FluentDeclarativeChartStyle? widgetStyle}) → FluentDeclarativeChartStyle: Resolves a FluentDeclarativeChartStyle from the theme, then layers themeStyle and widgetStyle on top in that order.
resolveFluentDialogState({required Widget content, FluentDialogSize size = FluentDialogSize.medium, FluentDialogModalType modalType = FluentDialogModalType.modal, List<Widget> actions = const <Widget>[], List<Widget> secondaryActions = const <Widget>[], Widget? title, Widget? closeButton}) → FluentDialogState: Builds the state a dialog will be styled and rendered from.
resolveFluentDialogStyle(FluentDialogState state, FluentThemeData theme) → FluentDialogStyle: Resolves the default style for state against theme.
resolveFluentDividerState({bool vertical = false, bool inset = false, FluentDividerAlignment alignment = FluentDividerAlignment.center, FluentDividerAppearance appearance = FluentDividerAppearance.standard, Widget? icon, Widget? label}) → FluentDividerState: Builds the state a divider will be styled and rendered from.
resolveFluentDividerStyle(FluentDividerState state, FluentThemeData theme) → FluentDividerStyle: Resolves the default style for state against theme.
resolveFluentDonutChartStyle(FluentThemeData theme) → FluentDonutChartStyle: The derived defaults for a donut chart, before any theme or widget override.
resolveFluentDrawerState({required Widget child, bool open = false, FluentDrawerType type = FluentDrawerType.overlay, FluentDrawerSize size = FluentDrawerSize.small, FluentDrawerPosition position = FluentDrawerPosition.start, bool separator = false, List<Widget> header = const <Widget>[], List<Widget> footer = const <Widget>[]}) → FluentDrawerState: Builds the state a drawer will be styled and rendered from.
resolveFluentDrawerStyle(FluentDrawerState state, FluentThemeData theme) → FluentDrawerStyle: Resolves the default style for state against theme.
resolveFluentDropdownOptionState({required Widget label, bool enabled = true, bool selected = false, FluentDropdownOptionType type = FluentDropdownOptionType.singleSelect}) → FluentDropdownOptionState: Builds the state one popup row will be styled and rendered from.
resolveFluentDropdownOptionStyle(FluentDropdownOptionState state, FluentThemeData theme) → FluentDropdownOptionStyle: Resolves the default style for state against theme.
resolveFluentDropdownState({bool enabled = true, bool open = false, FluentDropdownAppearance appearance = FluentDropdownAppearance.outline, FluentDropdownSize size = FluentDropdownSize.medium, Widget chevron = const Icon(fluentDropdownChevron), Widget? value, Widget? placeholder}) → FluentDropdownState: Builds the state a dropdown trigger will be styled and rendered from.
resolveFluentDropdownStyle(FluentDropdownState state, FluentThemeData theme) → FluentDropdownStyle: Resolves the default style for state against theme.
resolveFluentFieldState({bool enabled = true, FluentFieldSize size = FluentFieldSize.medium, FluentFieldValidationState validationState = FluentFieldValidationState.none, bool required = false, Widget? label, Widget? hint, Widget? validationMessage, Widget? validationMessageIcon, Widget? child}) → FluentFieldState: Builds the state a field will be styled and rendered from.
resolveFluentFieldStyle(FluentFieldState state, FluentThemeData theme) → FluentFieldStyle: Resolves the default style for state against theme.
resolveFluentFunnelChartStyle(FluentThemeData theme) → FluentFunnelChartStyle: The derived defaults for a funnel chart.
resolveFluentGanttChartStyle(FluentThemeData theme) → FluentGanttChartStyle: The derived defaults for a Gantt chart.
resolveFluentGaugeChartStyle(FluentThemeData theme) → FluentGaugeChartStyle: The derived defaults for a gauge chart.
resolveFluentGroupedVerticalBarChartStyle(FluentThemeData theme) → FluentGroupedVerticalBarChartStyle: The derived defaults for a grouped vertical bar chart.
resolveFluentHeatMapChartStyle(FluentThemeData theme) → FluentHeatMapChartStyle: Derives the default heat-map style from theme.
resolveFluentHorizontalBarChartStyle(FluentThemeData theme) → FluentHorizontalBarChartStyle: The derived defaults for a horizontal bar chart.
resolveFluentHorizontalBarChartWithAxisStyle(FluentThemeData theme) → FluentHorizontalBarChartWithAxisStyle: Derives the default horizontal-bar-with-axis style from theme.
resolveFluentInfoButtonState({required Widget info, bool enabled = true, FluentInfoButtonSize size = FluentInfoButtonSize.medium, Widget? icon, Widget? activeIcon}) → FluentInfoButtonState: Builds the state an info button will be styled and rendered from.
resolveFluentInfoButtonStyle(FluentInfoButtonState state, FluentThemeData theme) → FluentInfoButtonStyle: Resolves the default style for state against theme.
resolveFluentInfoLabelState({required Widget label, bool enabled = true, FluentLabelSize size = FluentLabelSize.medium, Widget? infoButton}) → FluentInfoLabelState: Builds the state an info label will be styled and rendered from.
resolveFluentInfoLabelStyle(FluentInfoLabelState state, FluentThemeData theme) → FluentInfoLabelStyle: Resolves the default style for state against theme.
resolveFluentInputState({required TextEditingController controller, required FocusNode focusNode, required GlobalKey<EditableTextState> editableTextKey, bool enabled = true, bool readOnly = false, bool error = false, bool focused = false, FluentInputAppearance appearance = FluentInputAppearance.outline, FluentInputSize size = FluentInputSize.medium, Widget? placeholder, Widget? contentBefore, Widget? contentAfter, bool obscureText = false, int? maxLines = 1, int? minLines, TextInputType? keyboardType, TextInputAction? textInputAction, ValueChanged<String>? onChanged, ValueChanged<String>? onSubmitted, bool autofocus = false, Iterable<String>? autofillHints}) → FluentInputState: Builds the state an input will be styled and rendered from.
resolveFluentInputStyle(FluentInputState state, FluentThemeData theme) → FluentInputStyle: Resolves the default style for state against theme.
resolveFluentInteractionTagState({bool enabled = true, bool dismissible = false, FluentTagAppearance appearance = FluentTagAppearance.filled, FluentTagSize size = FluentTagSize.medium, bool selected = false, Widget? label, Widget? secondaryLabel, Widget? icon}) → FluentInteractionTagState: Builds the state an interaction tag will be styled and rendered from.
resolveFluentInteractionTagStyle(FluentInteractionTagState state, FluentThemeData theme) → FluentTagStyle: Resolves the default style for state against theme.
resolveFluentLabelState({bool enabled = true, FluentLabelSize size = FluentLabelSize.medium, FluentLabelWeight weight = FluentLabelWeight.regular, bool required = false, Widget? label}) → FluentLabelState: Builds the state a label will be styled and rendered from.
resolveFluentLabelStyle(FluentLabelState state, FluentThemeData theme) → FluentLabelStyle: Resolves the default style for state against theme.
resolveFluentLineChartStyle(FluentThemeData theme) → FluentLineChartStyle: The derived defaults for a line chart, before any theme or widget override.
resolveFluentLinkState({required Widget label, bool enabled = true, FluentLinkAppearance appearance = FluentLinkAppearance.standard, bool inline = false, Widget? icon}) → FluentLinkState: Builds the state a link will be styled and rendered from.
resolveFluentLinkStyle(FluentLinkState state, FluentThemeData theme) → FluentLinkStyle: Resolves the default style for state against theme.
resolveFluentListItemState({bool enabled = true, bool selected = false, FluentListItemSize size = FluentListItemSize.medium, Widget? indicator, Widget? media, Widget? primary, Widget? secondary, Widget? tertiary, Widget? trailing}) → FluentListItemState: Builds the state a list item will be styled and rendered from.
resolveFluentListItemStyle(FluentListItemState state, FluentThemeData theme) → FluentListItemStyle: Resolves the default style for state against theme.
resolveFluentMenuItemState({required Widget label, bool enabled = true, bool checked = false, bool hasSubmenu = false, bool reserveLeading = false, FluentMenuItemType type = FluentMenuItemType.command, Widget? icon, Widget? secondary, Widget? trailing}) → FluentMenuItemState: Builds the state one menu row will be styled and rendered from.
resolveFluentMenuItemStyle(FluentMenuItemState state, FluentThemeData theme) → FluentMenuItemStyle: Resolves the default style for state against theme.
resolveFluentMenuState({required List<Widget> children, bool custom = false}) → FluentMenuState: Builds the state a menu surface will be styled and rendered from.
resolveFluentMenuStyle(FluentMenuState state, FluentThemeData theme) → FluentMenuStyle: Resolves the default style for state against theme.
resolveFluentMessageBarState({required Widget body, FluentMessageBarIntent intent = FluentMessageBarIntent.info, FluentMessageBarLayout layout = FluentMessageBarLayout.singleLine, FluentMessageBarShape shape = FluentMessageBarShape.rounded, bool showIcon = true, Widget? icon, Widget? title, List<Widget> actions = const <Widget>[], Widget? dismiss}) → FluentMessageBarState: Builds the state a message bar will be styled and rendered from.
resolveFluentMessageBarStyle(FluentMessageBarState state, FluentThemeData theme) → FluentMessageBarStyle: Resolves the default style for state against theme.
resolveFluentNavItemState({required FluentNavItemKind kind, bool enabled = true, bool selected = false, bool expanded = false, bool expandable = false, FluentNavSize size = FluentNavSize.medium, Widget? icon, Widget? label, List<Widget> secondaryActions = const <Widget>[]}) → FluentNavItemState: Builds the state a nav row will be styled and rendered from.
resolveFluentNavItemStyle(FluentNavItemState state, FluentThemeData theme) → FluentNavItemStyle: Resolves the default style for state against theme.
resolveFluentPersonaState({String? name, Widget? primary, Widget? secondary, Widget? tertiary, Widget? quaternary, bool presenceOnly = false, FluentPersonaSize size = FluentPersonaSize.medium, FluentPersonaTextPosition textPosition = FluentPersonaTextPosition.after, FluentPersonaTextAlignment textAlignment = FluentPersonaTextAlignment.center, ImageProvider<Object>? image, String? initials, Widget? icon, FluentAvatarColor color = FluentAvatarColor.neutral, FluentAvatarShape shape = FluentAvatarShape.circular, FluentAvatarActive active = FluentAvatarActive.unset, FluentPresenceStatus? status, bool outOfOffice = false}) → FluentPersonaState: Builds the state a persona will be styled and rendered from.
resolveFluentPersonaStyle(FluentPersonaState state, FluentThemeData theme) → FluentPersonaStyle: Resolves the default style for state against theme.
resolveFluentPolarChartStyle(FluentThemeData theme) → FluentPolarChartStyle: The defaults derived from theme, before any theme or widget override.
resolveFluentPopoverState({required Widget content, FluentPopoverAppearance appearance = FluentPopoverAppearance.normal, FluentPopoverSize size = FluentPopoverSize.medium, FluentPopoverPosition position = FluentPopoverPosition.above, FluentPopoverAlign align = FluentPopoverAlign.center, bool withArrow = false}) → FluentPopoverState: Builds the state a popover will be styled and rendered from.
resolveFluentPopoverStyle(FluentPopoverState state, FluentThemeData theme) → FluentPopoverStyle: Resolves the default style for state against theme.
resolveFluentPresenceBadgeState({required FluentPresenceStatus status, bool outOfOffice = false, FluentPresenceBadgeSize size = FluentPresenceBadgeSize.medium, String? semanticLabel, FluentLocalizations? l10n}) → FluentPresenceBadgeState: Builds the state a presence badge will be styled and rendered from.
resolveFluentPresenceBadgeStyle(FluentPresenceBadgeState state, FluentThemeData theme) → FluentPresenceBadgeStyle: Resolves the default style for state against theme.
resolveFluentProgressBarState({double? value, FluentProgressBarSize size = FluentProgressBarSize.medium, FluentProgressBarStatus status = FluentProgressBarStatus.none}) → FluentProgressBarState: Builds the state a progress bar will be styled and rendered from.
resolveFluentProgressBarStyle(FluentProgressBarState state, FluentThemeData theme) → FluentProgressBarStyle: Resolves the default style for state against theme.
resolveFluentRadioState({bool enabled = true, bool checked = false, FluentRadioLabelPosition labelPosition = FluentRadioLabelPosition.after, Widget? label}) → FluentRadioState: Builds the state a radio will be styled and rendered from.
resolveFluentRadioStyle(FluentRadioState state, FluentThemeData theme) → FluentRadioStyle: Resolves the default style for state against theme.
resolveFluentRatingState({required double value, int max = 5, double step = 1, bool compact = false, bool enabled = true, FluentRatingType type = FluentRatingType.interactive, FluentRatingSize size = FluentRatingSize.extraLarge, FluentRatingShape shape = FluentRatingShape.star, FluentRatingColor color = FluentRatingColor.neutral}) → FluentRatingState: Builds the state a rating will be styled and rendered from.
resolveFluentRatingStyle(FluentRatingState state, FluentThemeData theme) → FluentRatingStyle: Resolves the default style for state against theme.
resolveFluentSankeyChartStyle(FluentThemeData theme) → FluentSankeyChartStyle: The defaults derived from theme, before any theme or widget override.
resolveFluentScatterChartStyle(FluentThemeData theme) → FluentScatterChartStyle: Derives the default scatter style from theme.
resolveFluentSearchBoxState({required Widget field, bool enabled = true, bool focused = false, FluentSearchBoxAppearance appearance = FluentSearchBoxAppearance.outline, FluentSearchBoxSize size = FluentSearchBoxSize.medium, Widget? placeholder, Widget? icon, Widget? clear}) → FluentSearchBoxState: Builds the state a search box will be styled and rendered from.
resolveFluentSearchBoxStyle(FluentSearchBoxState state, FluentThemeData theme) → FluentSearchBoxStyle: Resolves the default style for state against theme.
resolveFluentSkeletonState({FluentSkeletonShape shape = FluentSkeletonShape.rectangle, FluentSkeletonAnimation animation = FluentSkeletonAnimation.wave}) → FluentSkeletonState: Builds the state a skeleton will be styled and rendered from.
resolveFluentSkeletonStyle(FluentSkeletonState state, FluentThemeData theme) → FluentSkeletonStyle: Resolves the default style for state against theme.
resolveFluentSliderState({required double value, double min = 0, double max = 100, double? step, bool enabled = true, FluentSliderSize size = FluentSliderSize.medium}) → FluentSliderState: Builds the state a slider will be styled and rendered from.
resolveFluentSliderStyle(FluentSliderState state, FluentThemeData theme) → FluentSliderStyle: Resolves the default style for state against theme.
resolveFluentSparklineStyle(FluentThemeData theme) → FluentSparklineStyle: The derived defaults for a sparkline, before any theme or widget override.
resolveFluentSpinButtonState({required Widget field, bool enabled = true, bool readOnly = false, bool invalid = false, bool focused = false, FluentSpinButtonAppearance appearance = FluentSpinButtonAppearance.outline, FluentSpinButtonSize size = FluentSpinButtonSize.medium, VoidCallback? onIncrease, VoidCallback? onDecrease}) → FluentSpinButtonState: Builds the state a spin button will be styled and rendered from.
resolveFluentSpinButtonStyle(FluentSpinButtonState state, FluentThemeData theme) → FluentSpinButtonStyle: Resolves the default style for state against theme.
resolveFluentSpinnerState({FluentSpinnerAppearance appearance = FluentSpinnerAppearance.primary, FluentSpinnerSize size = FluentSpinnerSize.medium, FluentSpinnerLabelPosition labelPosition = FluentSpinnerLabelPosition.after, Widget? label}) → FluentSpinnerState: Builds the state a spinner will be styled and rendered from.
resolveFluentSpinnerStyle(FluentSpinnerState state, FluentThemeData theme) → FluentSpinnerStyle: Resolves the default style for state against theme.
resolveFluentSplitButtonState({bool enabled = true, bool menuEnabled = true, FluentButtonAppearance appearance = FluentButtonAppearance.secondary, FluentButtonSize size = FluentButtonSize.medium, FluentButtonShape shape = FluentButtonShape.rounded, FluentButtonIconPosition iconPosition = FluentButtonIconPosition.before, Widget? icon, Widget? label, Widget? menuIcon}) → FluentSplitButtonState: Builds the state a split button will be styled and rendered from.
resolveFluentSplitButtonStyle(FluentSplitButtonState state, FluentThemeData theme, {required FluentSplitButtonSide side}) → FluentSplitButtonStyle: Resolves the default style of one side for state against theme.
resolveFluentStatusIndicatorState({required FluentStatusIndicatorMessage message, required Widget icon, FluentStatusIndicatorCategory? category, FluentStatusIndicatorSize size = FluentStatusIndicatorSize.medium, Widget? label}) → FluentStatusIndicatorState: Builds the state a status indicator will be styled and rendered from.
resolveFluentStatusIndicatorStyle(FluentStatusIndicatorState state, FluentThemeData theme) → FluentStatusIndicatorStyle: Resolves the default style for state against theme.
resolveFluentSwatchPickerState({required List<Widget> children, FluentSwatchPickerLayout layout = FluentSwatchPickerLayout.row, FluentSwatchSize size = FluentSwatchSize.medium, FluentSwatchShape shape = FluentSwatchShape.square, FluentSwatchPickerSpacing spacing = FluentSwatchPickerSpacing.medium}) → FluentSwatchPickerState: Builds the state a picker will be styled and laid out from.
resolveFluentSwatchPickerStyle(FluentSwatchPickerState state, FluentThemeData theme) → FluentSwatchPickerStyle: Resolves the default style for state against theme.
resolveFluentSwatchState({bool enabled = true, bool selected = false, FluentSwatchKind kind = FluentSwatchKind.color, FluentSwatchSize size = FluentSwatchSize.medium, FluentSwatchShape shape = FluentSwatchShape.square, Color? color, DecorationImage? image, Widget? icon}) → FluentSwatchState: Builds the state a swatch will be styled and rendered from.
resolveFluentSwatchStyle(FluentSwatchState state, FluentThemeData theme) → FluentSwatchStyle: Resolves the default style for state against theme.
resolveFluentSwitchState({bool enabled = true, bool checked = false, FluentSwitchSize size = FluentSwitchSize.medium, FluentSwitchLabelPosition labelPosition = FluentSwitchLabelPosition.after, Widget? label}) → FluentSwitchState: Builds the state a switch will be styled and rendered from.
resolveFluentSwitchStyle(FluentSwitchState state, FluentThemeData theme) → FluentSwitchStyle: Resolves the default style for state against theme.
resolveFluentTabState({bool enabled = true, bool selected = false, FluentTabOrientation orientation = FluentTabOrientation.horizontal, FluentTabSize size = FluentTabSize.medium, FluentTabAppearance appearance = FluentTabAppearance.transparent, Widget? icon, Widget? label}) → FluentTabState: Builds the state a tab will be styled and rendered from.
resolveFluentTabStyle(FluentTabState state, FluentThemeData theme) → FluentTabStyle: Resolves the default style for state against theme.
resolveFluentTagPickerOptionStyle(FluentDropdownOptionState state, FluentThemeData theme) → FluentDropdownOptionStyle: Resolves the style of one popup row.
resolveFluentTagPickerState({required Widget field, bool enabled = true, bool focused = false, bool open = false, FluentTagPickerAppearance appearance = FluentTagPickerAppearance.outline, FluentTagPickerSize size = FluentTagPickerSize.medium, List<Widget> tags = const <Widget>[], Widget? secondaryAction}) → FluentTagPickerState: Builds the state a tag picker will be styled and rendered from.
resolveFluentTagPickerStyle(FluentTagPickerState state, FluentThemeData theme) → FluentTagPickerStyle: Resolves the default style for state against theme.
resolveFluentTagState({bool enabled = true, FluentTagAppearance appearance = FluentTagAppearance.filled, FluentTagSize size = FluentTagSize.medium, bool selected = false, Widget? label, Widget? secondaryLabel, Widget? icon, Widget? dismiss}) → FluentTagState: Builds the state a tag will be styled and rendered from.
resolveFluentTagStyle(FluentTagState state, FluentThemeData theme) → FluentTagStyle: Resolves the default style for state against theme.
resolveFluentTeachingPopoverState({required Widget title, required Widget body, FluentTeachingPopoverAppearance appearance = FluentTeachingPopoverAppearance.normal, String? dismissSemanticLabel, FluentLocalizations? l10n, Widget? header, Widget? media, VoidCallback? onDismiss, Widget? primaryAction, Widget? secondaryAction, FluentTeachingPopoverCarousel? carousel}) → FluentTeachingPopoverState: Builds the state a teaching popover will be styled and rendered from.
resolveFluentTeachingPopoverStyle(FluentTeachingPopoverState state, FluentThemeData theme) → FluentTeachingPopoverStyle: Resolves the default style for state against theme.
resolveFluentTextareaState({bool enabled = true, bool readOnly = false, bool invalid = false, bool focused = false, FluentTextareaAppearance appearance = FluentTextareaAppearance.outline, FluentTextareaSize size = FluentTextareaSize.medium}) → FluentTextareaState: Builds the state a textarea will be styled and rendered from.
resolveFluentTextareaStyle(FluentTextareaState state, FluentThemeData theme) → FluentTextareaStyle: Resolves the default style for state against theme.
resolveFluentTimePickerState({required TextEditingController controller, required FocusNode focusNode, required GlobalKey<EditableTextState> editableTextKey, bool enabled = true, bool readOnly = true, bool error = false, bool focused = false, bool open = false, FluentTimePickerAppearance appearance = FluentTimePickerAppearance.outline, FluentTimePickerSize size = FluentTimePickerSize.medium, Widget? placeholder, Widget? expandIcon, Widget? clearIcon, ValueChanged<String>? onChanged, ValueChanged<String>? onSubmitted, bool autofocus = false, String? semanticLabel}) → FluentTimePickerState: Assembles a FluentTimePickerState.
resolveFluentTimePickerStyle(FluentTimePickerState state, FluentThemeData theme) → FluentTimePickerStyle: Derives the default style for state from theme.
resolveFluentToastState({required Widget title, FluentToastIntent intent = FluentToastIntent.info, FluentToastType type = FluentToastType.dismiss, bool showIcon = true, Widget? icon, Widget? body, Widget? subtitle, List<Widget> footer = const <Widget>[], Widget? end}) → FluentToastState: Builds the state a toast will be styled and rendered from.
resolveFluentToastStyle(FluentToastState state, FluentThemeData theme) → FluentToastStyle: Resolves the default style for state against theme.
resolveFluentToolbarState({required List<Widget> items, FluentToolbarSize size = FluentToolbarSize.medium, FluentToolbarType type = FluentToolbarType.standard}) → FluentToolbarState: Builds the state a toolbar will be styled and rendered from.
resolveFluentToolbarStyle(FluentToolbarState state, FluentThemeData theme) → FluentToolbarStyle: Resolves the default style for state against theme.
resolveFluentTooltipState({required Widget content, FluentTooltipAppearance appearance = FluentTooltipAppearance.normal, FluentTooltipPosition position = FluentTooltipPosition.above, bool withArrow = false}) → FluentTooltipState: Builds the state a tooltip will be styled and rendered from.
resolveFluentTooltipStyle(FluentTooltipState state, FluentThemeData theme) → FluentTooltipStyle: Resolves the default style for state against theme.
resolveFluentTreeItemState({bool enabled = true, int level = 1, bool branch = false, bool expanded = false, bool selected = false, FluentTreeSelectionMode selectionMode = FluentTreeSelectionMode.none, FluentTreeAppearance appearance = FluentTreeAppearance.subtle, FluentTreeSize size = FluentTreeSize.medium, Widget? icon, Widget? label, Widget? actions, ValueChanged<bool>? onSelectionChanged}) → FluentTreeItemState: Builds the state a tree row will be styled and rendered from.
resolveFluentTreeItemStyle(FluentTreeItemState state, FluentThemeData theme) → FluentTreeItemStyle: Resolves the default style for state against theme.
resolveFluentVegaDeclarativeChartStyle(FluentThemeData theme, {FluentVegaDeclarativeChartStyle? themeStyle, FluentVegaDeclarativeChartStyle? widgetStyle}) → FluentVegaDeclarativeChartStyle: Resolves a FluentVegaDeclarativeChartStyle from the theme, then layers themeStyle and widgetStyle on top in that order.
resolveFluentVerticalBarChartStyle(FluentThemeData theme) → FluentVerticalBarChartStyle: Derives the default vertical-bar style from theme.
resolveFluentVerticalStackedBarChartStyle(FluentThemeData theme) → FluentVerticalStackedBarChartStyle: The derived defaults for a vertical stacked bar chart.
resolveShellXAxisTickPadding({double? tickPadding, bool showXAxisLablesTooltip = false}) → double: The x-axis tickPadding the shell hands the axis builders.
rotateXAxisLabels(List<String> labels, {required FluentChartTextMeasurer measurer, required TextStyle style, double tickSizeInner = 6, double tickPadding = 10, double baseDyEm = 0.71}) → FluentXAxisLabelLayout: Rotates x-axis tick labels by forty-five degrees and reports the height they cost.
sankeyDomOrder(FluentSankeyLayoutResult layout) → List<FluentSankeyDomItem>: The paint order, which is also the focus order.
sankeyLinkPath(SankeyLayoutLink link) → Path: The ribbon of one stream.
sankeyTitleHeight({String? chartTitle, double? titleFontSize}) → double: Height the chart reserves above the plot for its title.
scatterPolarCategoryLabels({required List<String> labels, required double xScale(double value), required double yScale(double value), String? direction, double rotationDegrees = 0, double originXOffset = 0, double minPixelGap = kScatterPolarLabelMinPixelGap}) → List<FluentScatterPolarLabel>: Places one label per entry of labels at equal angles around the origin.
scatterPolarFillPath({required List<Offset> points, D3CurveFactory curve = curveLinear}) → Path?: Builds the closed path Plotly's fill: 'toself' paints for a scatterpolar trace.
scatterPolarLabelsForSeries({required FluentPolarLineOptions? options, required Scale xScale, required Scale yScale}) → List<FluentScatterPolarLabel>: The ring one series contributes, resolved against the live xScale and yScale.
shrinkToFit(String content, TextStyle style, double maxWidth, FluentChartTextMeasurer measurer) → ({bool overflowed, String text}): Shortens content one code unit at a time until it fits maxWidth.
solveFluentCartesianXAxisLabels({required FluentCartesianChartProps props, required FluentAxisSpec xAxis, required FluentChartAxisType xAxisType, required FluentTickLayout tickLayout, required List<String>? datasetForXAxisDomain, required double containerWidth, required double marginBottom, required TextStyle textStyle, required FluentChartTextMeasurer measurer}) → FluentXAxisLabelLayout?: Solves how much vertical space the x tick labels steal, and how they are laid out to do it.
sortAxisCategories(Map<String, List<double>> categoryToValues, FluentAxisCategoryOrder? order) → List<String>: Orders the categories on a band axis.
truncateAndStaggerXAxisLabels(List<Object> tickValues, List<String> tickLabels, Scale scale, double containerWidth, {required FluentChartTextMeasurer measurer, required TextStyle style, double baseDyEm = 0.71}) → FluentXAxisLabelLayout: Truncates every label to its slot and staggers alternate labels onto a second line.
truncateSankeyText(String text, double budget, {required FluentChartTextMeasurer measurer, required TextStyle style}) → String: Truncates text so that it fits budget, appending kSankeyEllipsis.
truncateString(String str, int maxLength, {String ellipsis = '...'}) → String: str cut to maxLength characters with ellipsis appended.
truncateTextToFitWidth(String text, double maxWidth, double measure(String)) → String: The longest prefix of text that fits maxWidth once an ellipsis is added.
vegaConcatSpecs(Map<String, Object?> spec) → ({bool isHorizontal, List<Map<String, Object?>> specs})?: The sub-specs of a concat spec and the axis they run along, or null when spec declares neither concat (VegaDeclarativeChart.tsx:100-145).
wrapXLabels(List<String> labels, {required FluentChartTextMeasurer measurer, required TextStyle style, required int noOfCharsToTruncate, required bool showXAxisLabelsTooltip, Object width = kDefaultWrapWidth, double baseDyEm = 0.71}) → FluentXAxisLabelLayout: Wraps or truncates x-axis tick labels and reports the height they cost.
yAxisTickFormatterInternal(double value, {bool limitWidth = false}) → String: Formats a y-axis value with an SI prefix.

Typedefs

FluentAnimatedStyleBuilder<T> = Widget Function(BuildContext context, T value): Builds the visuals for the current interpolated value.
FluentGroupedBarRect = ({String category, Color colour, String legend, double opacity, int pointIndex, Rect rect}): One resolved bar of a grouped vertical bar chart.
FluentGroupedLineDot = ({String category, Offset centre, String dotId, String legend, int pointIndex, int seriesIndex}): One resolved dot of a line series overlaid on the bars.
FluentHeatMapCellGeometry = ({FluentHeatMapCell cell, Color fill, Color foreground, double opacity, Rect rect}): One placed cell: the band rect, the colours it resolved to, and the cell.
FluentInteractiveBuilder = Widget Function(BuildContext context, Set<WidgetState> states, Widget? child): Builds a subtree from the current set of interaction states.
FluentLerp<T> = T? Function(T? a, T? b, double t): Interpolates between two style values.
FluentMenuTriggerBuilder = Widget Function(BuildContext context, VoidCallback toggle): Builds a menu's trigger.
FluentToastBuilder = Widget Function(BuildContext context, Object id): Builds one toast's content. id is the handle the toast needs to dismiss itself — onDismiss: () => controller.dismiss(id).

fluent_2 library

Surface, not platform

Localization

Status

Classes

Enums

Constants

Properties

Functions

Typedefs

fluent_2 package

fluent_2 library