v4.8.1

Patch release with only 1 change:

• Add an new Light value to the IconVariant enum to enable publishing new icon packages which contains icons with this variant

There is no immediate need to update to this version. It is just in preparation for the next release.

v3.7.4

Maintenance release:

• Add Light value to IconVariant enum to prepare for new icons being added in a later release

v3.7.3

Maintenance release:

• Fix AutoComplete no longer working when the user tries to select an item using the mouse.

v4.8.0

Breaking change

• [Option] Change Option.Text type to string? (#2063). See also discussion #2062

Demo site and documentation

• Add DataGridTableScroll demo (#2098)
• Adds office color table to Design Tokens page (#2073)
• Cleans up more code snippets (#2173)
• Cleanup DialogService Page (#2171)
• Fix Page Title typo - Project Setup (#2054)
• Fixes minor typo in DesignTokens.md (#2071)
• Removes FluentPersona DemoSection from AutoComplete page (#2135)
• Toast examples - TimeOut setting in milliseconds (#2025)

Components

• [AppBar] Introduce IAppBarItem to enable better extensibility (#2083)
• [Autocomplete] Accessibility - Add "x of y" aria-label when item is selected (#2019)
• [Autocomplete] Accessibility - Add aria-selected on FluentOption (#2018)
• [Autocomplete] Accessibility - Update style when "forced-colors: active" (#2109)
• [Autocomplete] Add ImmediateDelay parameter (#2052)
• [Autocomplete] Add SelectValueOnTab attribute (#2110)
• [Autocomplete] Set the height automatically (#2045)
• [Card] Support AreaRestricted for MinimalStyle as well (#2170)
• [ComboBox] Fix bind-SelectedOption is null when using bind-SelectedOption:after (#2102)
• [DataGrid] Allow programmatic sorting of columns by name or index (#2156)
• [DataGrid] Check rowelements when correcting column options (#2117)
• [DataGrid] Fix LoadingContent height when Virtualize is true (#2188)
• [DataGrid] Prevent drag handle from disappearing when column width made too small (#2059)
• [DataGrid] SelectColumn - Add ClearSelection (#2164)
• [DataGrid] SelectColumn - Allow customization of SelectAll header (#2106)
• [DataGrid] SelectColumn - Make it work with ItemsProvider (#2060)
• [DatePicker, Calendar] Fix not updating correctly when used with EditContext (#2047)
• [DesignToken] Add WithDefault overload (#2159)
• [DialogService] Add missing classes to avoid Trimming exceptions (#2099)
• [Header] Add Id to the container header tag (#2125)
• [Icon] Minor cleanup and clarification (#2038)
• [InputBase] Adds FieldIdentifier parameter (#2114)
• [InputBase] Use Debouncer instead of PeriodicTimer for debouncing ValueChanged handler with ImmediateDelay. (#2042)
• [KeyCode] Add KeyUp event (#2122)
• [Layout] Add Id to the container div (#2123)
• [Layout] Add Orientation support (#2096)
• [Lists] Make list components inherit from InputBase (#2118)
• [MarkdownSection] Adds border around code snippets (#2039)
• [MarkdownSection] Optimize to minimize number of calls to OnContentConverted (#2092)
• [Misc] Add the ability for CssBuilder to properly Add multiple classes without duplicates (#2104)
• [Misc] Code cleanup work (#2184)
• [Misc] Package versions refactoring (#2131)
• [MultiSplitter] Remove experimental label and make fixed panel size work (#2196)
• [NavMenu] Enhance working in mobile view (#2183)
• [NavMenu] Fix double click needed for expanding/collapsing child elements when prerendering is turned off (#2133)
• [NavMenu] Fix FluentNavLink to support CustomColor (#2116)
• [Pipeline] Add a task to publish the preview package in a special feed (#2094)
• [ProfileMenu] Add StartTemplate and EndTemplate parameters (#2010)
• [Progress] Fix height in Indeterminate mode by using InvariantCulture (#2120)
• [Templates] Use correct autocomplete values when registering new account (#2064)
• [Templates] Use 'double provider' fix in more places
• [TreeView] Add Items and LazyLoadItems properties (#1945)
• [Wizard] Fix the Wizard Left position in RTL mode (#2026)

Icons

• Update to Fluent UI System Icons 1.1.242

  What's new (Name / Size(s) / Variant(s))

  • Breakout Room / 32 / Filled & Regular
  • Card UI Portrait Flip / 16, 20, 24 / Filled & Regular
  • Cursor / 28, 32 / Filled & Regular
  • Layout Row Two / 28, 48 / Filled & Regular
  • Notepad Sparkle / 16, 20, 24, 28, 32 / Filled & Regular
  • Paint Brush Subtract / 16, 20, 24, 28, 32 / Filled & Regular
  • Paint Brush / 28 / Filled & Regular
  • Play Circle Sparkle / 16, 20, 24 / Filled & Regular
  • Replay / 16, 20, 24, 28, 32 / Filled & Regular
  • Send Person / 16, 20, 24 / Filled & Regular
  • Square Dovetail Joint / 12, 16, 20, 24, 28, 32, 48 / Filled & Regular
  • Table Cursor / 16, 20, 24 / Filled & Regular
  • Transparency Square / 20, 24 / Filled & Regular

  What's updated (Name / Size(s) / Variant(s))

  • Notepad / 32 / Filled & Regular
  • Replay / 20 / Filled & Regular

• Update to Fluent UI System Icons 1.1.239

  What's new (Name / Size(s) / Variant(s))

  • Arrow Turn Right / 16 / Filled & Regular
  • Chart Multiple / 16 / Filled & Regular
  • Column / 24 / Filled & Regular
  • Data Pie / 16 / Filled & Regular
  • Layout Column Two Focus Left / 32 / Filled
  • Layout Column Two Focus Right / 32 / Filled
  • Layout Column Two / 32 / Filled & Regular
  • Layout Row Two Focus Top / 32 / Filled
  • Layout Row Two / 32 / Filled & Regular
  • Mail Copy / 32 / Filled & Regular
  • Paint Brush Sparkle / 20, 24 / Filled & Regular
  • People Community / 12 / Filled & Regular
  • Person Board / 12 / Filled & Regular
  • Person Tentative / 16, 20, 24 / Filled & Regular
  • Tab Desktop Search / 16, 20, 24 / Filled & Regular
  • Table Sparkle / 20, 24 / Filled & Regular

  What's updated (Name / Size(s) / Variant(s))

  • Chart Multiple / 20, 24 / Filled & Regular
  • Column Edit / 24 / Filled & Regular
  • Data Pie / 24 / Filled & Regular

New Contributors

A special thanks to our newest contributors:
@msb-incom, @ApacheTech, @StevenTCramer, @MarvinKlein1508, @chris-gander, @adospace and @ksbecker

Full Changelog: v4.7.2...v4.8.0

v3.7.2

v3.7.2

Components

• [Card] Support AreaRestricted for MinimalStyle also (#2170)
• [ComboBox] bind-SelectedOption is null when using bind-SelectedOption:after (#2102)
• [DataGrid] Allow programmatic sorting of columns by name or index (#2156)
• [DataGrid] Check datagrid's rowelements when correcting column options (#2117)
• [DesignToken] Add WithDefault overload (#2159)
• [Dialog] Use FluentTooltip for close button (a11y)
• [FluentAutocomplete] Add SelectValueOnTab attribute (#2110)
• [FluentKeyCode] Add KeyUp event (#2122)
• [Header] Add Id to the container header tag (#2125)
• [Inputs] Adds FieldIdentifier parameter (#2114)
• [Layout] Add Id to the container div (#2123)
• [Layout] Add Orientation support (#2096)
• [MarkdownSection] Optimize to minimize number of calls to OnContentConverted (#2092)
• [NavMenu] Fix double click needed for expanding/collapsing child elements when prerendering is turned off (#2133)
• [NavMenu] Fix FluentNavLink to support CustomColor (#2116)
• [Progress] Fix height in Indeterminate mode by using InvariantCulture (#2120)

Icons

• Update to Fluent UI System Icons 1.1.242

  What's new (Name / Size(s) / Variant(s))

  • Breakout Room / 32 / Filled & Regular
  • Card UI Portrait Flip / 16, 20, 24 / Filled & Regular
  • Cursor / 28, 32 / Filled & Regular
  • Layout Row Two / 28, 48 / Filled & Regular
  • Notepad Sparkle / 16, 20, 24, 28, 32 / Filled & Regular
  • Paint Brush Subtract / 16, 20, 24, 28, 32 / Filled & Regular
  • Paint Brush / 28 / Filled & Regular
  • Play Circle Sparkle / 16, 20, 24 / Filled & Regular
  • Replay / 16, 20, 24, 28, 32 / Filled & Regular
  • Send Person / 16, 20, 24 / Filled & Regular
  • Square Dovetail Joint / 12, 16, 20, 24, 28, 32, 48 / Filled & Regular
  • Table Cursor / 16, 20, 24 / Filled & Regular
  • Transparency Square / 20, 24 / Filled & Regular

  What's updated (Name / Size(s) / Variant(s))

  • Notepad / 32 / Filled & Regular
  • Replay / 20 / Filled & Regular

v4.7.2

Demo site and documentation

• [Docs] New Video and PageTitle (#1925)

Components

• [AppBar] Allow for omitting Href on AppBarItems and don't show active status when Href is null or not specified (#1976)
• [Autocomplete] Accessibility: Tab key to go to the Close Button (#2007)
• [Badge] Do not use a div (block element) in an inline element (#1921)
• [DataGrid] Add ShowHover parameter and implement row hover effect (#1939)
• [DataGrid] Apply ItemSize (CSS height) to cells when grid is virtualized. (#1936)
• [DataGrid] Change column width when using generated value (#1955)
• [DataGrid] Give empty row an id (#2001)
• [DataGrid] Multiselect feature, adding a SelectColumn (#1952)
• [DataGrid] Revert setting height on DataGrid header cell. Was not necessary and lead to issues on Safari
• [InputLabel] Add Orientation parameter (#1994)
• [Lists] Also set Value (and InternalValue) when SelectedOption is set (#1970)
• [MessageBar] Supply a default value for the message intent when using MessageOptions (#1993)
• [NavMenu] Fix keyboard navigation (#1950)
• [NavMenu] Make sure text is shown when in mobile view in SSR.
• [ProfileMenu] Remove ProfileMenu from demo site header and change examples (#1924)
• [Tabs] Not using ClassValue and StyleValue when rendering (#1931)
• [Tabs] Prevent error 'An item with the same key has already been added (#2006)

Miscellaneous

• [Reboot] Add body class (to body element declaration)
• [Templates] Change css so body-content height is set and scrollable (#1981)
• [Templates] Change header gutter to keep content out of nav icon area when width < 600px

Full Changelog: v4.7.1...v4.7.2

v3.7.0

Demo site and documentation

• [Docs] Update KeyCodeGlobalExample.razor.css to fix dark mode visuals (#1834)

Components

• [Badge] Fix displaying badge by not using a div (block element) in an inline element (#1921)(#1921)
• [DataGrid] Add column Width parameter (#1902)
• [DataGrid] Add remove sort capability on columns (#1826)
• [DataGrid] Add ShowHover parameter and implement row hover effect (#1939)
• [DataGrid] Apply ItemSize (CSS height) to cells when grid is virtualized (#1936)
• [DataGrid] Change column width when using generated value (#1955)
• [DataGrid] Add resizing columns by keyboard (#1866)
• [Grid] Add AdaptiveRendering property (#1899)
• [Input] NotifyFieldChanged is called twice for all FluentInputBase derived components (#1846)
• [KeyCode] Allow content to avoid using the Anchor property (#1743)
• [KeyCode, AnchoredRegion, Popover] Add key navigation in AnchoredRegion / Popup (#1800)
• [KeyCodeProvider] Add a global service to capture keystrokes (#1740)
• [Lists] Also set Value (and InternalValue) when SelectedOption is set (#1970)
• [NavMenu] Show child items via FluentMenu when collapsed (#1730)
• [NavMenu] Fix keyboard navigation (#1950)
• [Popover] adds FixedPlacement parameter (#1894)
• [Tabs] Not using ClassValue and StyleValue when rendering (#1931)

Full Changelog: v3.6.2...v3.7.0

v4.7.1

What's Changed

• [Wizard] Add StepSequence attribute. by @dvoituron in #1909
• [DataGrid] Fix GridTemplateColumns initialization was done in the wrong place (related to new Width option for columns

Full Changelog: v4.7.0...v4.7.1

v4.7.0

v4.7.0

Breaking change

• [Extensions] Add a namespace for extension methods to prevent possible naming clashes (#1776)

Demo site and documentation

• [Docs] Update Progress stroke examples dropdowns (#1835)
• [Docs] Update KeyCodeGlobalExample.razor.css to fix dark mode visuals (#1834)
• [Docs] Update Highlighter example to use FluentTextField instead of input (#1833)
• [Demo] Fix the Profile Menu position (#1841)
• [Demo] Clears demo site cache on startup if new version (#1839)

Components

• [AppBar] Apply role requirements (#1871)
• [Calendar] Use provided Culture for calendar operations (#1862)
• [DataGrid] Add remove sort capability on columns (#1826)
• [DataGrid] Add column Width parameter (#1902)
• [DataGrid] Add SortBy parameter support for PropertyColumn (#1877)
• [DataGrid] Extend GridSort possibilities (#1860)
• [DatePicker] Enhance for month /year selection (#1903)
• [Grid] Add AdaptiveRendering property (#1899)
• [Input] NotifyFieldChanged is called twice for all FluentInputBase derived components (#1846)
• [MenuButton] Add ChildContent so items can be supplied manually (#1848)
• [Paginator] spelling issue in FluentPaginator.razor.cs (#1829)
• [Popover] adds FixedPlacement parameter (#1894)
• [PullToRefresh] Add DragThreshold to PullToRefresh (#1858)
• [Select] Allow value to be set when component is disabled (#1892)
• [Slider] Fixes thumb redraw issues (Fix for #1836) (#1873)
• [Wizard] Fix the Wizard bullet number style (#1905)

Miscellaneous

• [Aspire] Fix #3364 by adding IKeyCodeListner and handler (#1866)
• [Pipeline] Add Code Coverage Report (#1861)

Icons

• Update to Fluent UI System Icons 1.1.237

  What's new (Name / Size(s) / Variant(s))

  • Book / 48 / Filled & Regular
  • Camera Arrow Up / 16, 20, 24 / Filled & Regular
  • Chat Settings / 16 / Filled & Regular
  • Circle Highlight / 20, 24 / Filled & Regular
  • Circle Hint / 24 / Filled & Regular
  • Circle Shadow / 20, 24 / Filled & Regular
  • Content View / 16 / Filled & Regular
  • Double Tap Swipe Down / 16 / Filled & Regular
  • Double Tap Swipe Up / 16 / Filled & Regular
  • Flash Sparkle / 16 / Filled & Regular
  • Location Ripple / 12 / Filled & Regular
  • Search Square / 16 / Filled & Regular
  • Settings Chat / 16 / Filled & Regular
  • Share Multiple / 16, 20, 24 / Filled & Regular
  • Slide Play / 20, 24 / Filled & Regular

  What's updated (Name / Size(s) / Variant(s))

  • Book Add / 28 / Filled & Regular
  • Book Contacts / 20, 24, 28, 32 / Filled & Regular
  • Book / 28 / Filled & Regular

New Contributors

• @kylejuliandev made their first contribution in #1829
• @f4n0 made their first contribution in #1858
• @vrassouli made their first contribution in #1862
• @StefanJansson made their first contribution in #1903

Full Changelog: v4.6.1...v4.7.0

v4.6.1

V4.6.1

Demo site and documentation

• [Demo & docs] Fix documentation error (#1767)
• [Demo & docs] Home page cleanup (#1763)
• [Demo & docs] Removes caching of markdown files for Server demo app (#1822)
• [Demo & docs] Fix footer styling (#1778)
• [Demo & docs] CSS files improvements (#1807)
• [Demo & docs] The empty CSS rule in site.css has been removed (#1809)

Components

• [AppBar] Add Count parameter and facilitate OnClick without navigation (#1790)
• [CounterBadge] Add ShowWhen, Dot, and VerticalPosition (#1786)
• [KeyCode, AnchoredRegion, Popover] Add key navigation in AnchoredRegion / Popup (#1800)
• [NavMenu] Show child items via FluentMenu when collapsed (#1730)
• [Persona] Add capability for the name to appear before or after initials. (#1750)
• [ProfileMenu] TopCorner property (#1795)
• [SplashScreen] Fix ESC on SplashScreen (#1811)

Miscellaneous

• [Misc] Update to latest NuGet packages, SDK and Web Components script
• [Templates] CSS fixes and use specific package versions (#1797)
• [Templates] Fixed CSS styling of the Blazor Fluent UI template AND fixed broken links in readme.md (#1768)

Icons

• Update to Fluent UI System Icons 1.1.234 (#1823)

  What's new (Name / Size(s) / Variant(s))

  • Apps Settings / 16, 20 / Filled & Regular
  • Apps Shield / 16, 20 / Filled & Regular
  • Arrow Upload / 32 / Filled & Regular
  • Calendar Edit / 32 / Filled & Regular
  • Data Bar Vertical Arrow Down / 16, 20, 24 / Filled & Regular
  • Haptic Strong / 16, 20, 24 / Filled & Regular
  • Haptic Weak / 16, 20, 24 / Filled & Regular
  • Hexagon Sparkle / 20, 24 / Filled & Regular
  • Mail Edit / 32 / Filled & Regular
  • Password Clock / 48 / Filled & Regular
  • Password Reset / 48 / Filled & Regular
  • Password / 24, 32, 48 / Filled & Regular
  • People Eye / 16, 20 / Filled & Regular
  • Pin Globe / 16, 20 / Filled & Regular
  • Run / 28, 32, 48 / Filled & Regular
  • Tab Group / 16, 20, 24 / Filled & Regular

  What's updated (Name / Size(s) / Variant(s))

  • Arrow Upload / 24 / Filled & Regular
  • Calendar Edit / 16, 20, 24 / Filled & Regular
  • Mail Read / 20 / Filled & Regular
  • Password / 24 / Filled & Regular
  • Run / 16, 20, 24 / Filled & Regular