v4.9.1

Components

• [DataGrid] Make Grid in ColumnBase protected (#2342)
• [DataGrid] Several issues addressed (#2347)
• [DatePicker] Add 'PickerMonthChanged' event and 'DaysTemplate' parameter (#2336)
• [Multi Splitter] Fix the Splitter OnMouseMove (#2333)

Demo site and documentation

• [Docs] Fix Tabs Dynamic example (#2341)
• [Docs] Move Date and Autocomplete components to Forms section (#2330)
• [Docs] Update homepage (#2324)
• [Docs] Update the Variant selector in Icon Explorer (#2331)

Full Changelog: v4.9.0...v4.9.1

v4.9.0

Demo site and documentation

• [Docs] Add keyhandler for '/' to jump to search box
• [Docs] Add icon preview in API documentation (#2284)
• [Docs] Added RTL section to CodeSetup.md (#2242)
• [Docs] Improve API documentation by showing default icon and string values (#2269)
• [Docs] Improve API documentation menu button (#2270)
• [Docs] Fix same typo 5 places (#2216)
• [Demo] Fixes link for Time picker in demo projects (#2246)

Components

• [Rating] New component (#2258)
• [AppBar] Fix regression with icon accent color (#2318)
• [Autocomplete] Accessibility: Scrolling not working with keyboard (#2221)
• [AutoComplete] Allow focusable Badge dismiss buttons (accessibility) (#2272)
• [Autocomplete] Fix AriaLabel (#2303)
• [Autocomplete] Fix ReadOnly and Disable properties (#2291)
• [Combobox] Set value if selection is cleared (#2307)
• [Combobox, Select] Fix the Placeholder attribute (#2311)
• [DataGrid] Add OnCellClick event and SelectColumn.SelectFromEntireRow property (#2252)
• [DataGrid] Add WCAG 2.2 single-click column resize capability (#2238)
• [DataGrid] Make PropertyColumn use DisplayAttribute value for enum (#2304)
• [DataGrid] Refactoring ColumnBase events (#2298)
• [DataGrid] Revert setting height on DataGrid header cell again. Leads to issues on Safari
• [DatePicker] Change OnSelectedDateAsync logic (#2233)
• [DatePicker] Fix unable to set when value is null (#2241)
• [DesignTheme] Add try catch (#2204)
• [DesignToken] Change FillColor and NeutralLayer... types (#2266)
• [Dialog] Fix failing tests (#2283)
• [DialogService] Fix UpdateDialogAsync to refresh parameters and content (#2310)
• [Lists] Pass Name parameter (#2305)
• [Lists] Add aria-selected to fluent-option (#2316)
• [Multisplitter] Fix width panels (#2218)
• [MultiSplitter] Prevent semicolons from being displayed. (#2226)
• [NavMenu] Revert fix for when prerender set to false (#2293)
• [NumberField] Add sbyte type (#2308)
• [Overflow] Add refresh method, add VisibleOnLoad parameter (#2236)
• [ProfileMenu] Fix the initials inner the popup panel (#2294)
• [Slider] Fix getting caught in update loop (#2265)
• [Slider] Refactor code after PR #2265 (#2287)
• [TimePicker] Add null check for empty string (#2245)

Miscellaneous

• Add CssBuilder.ValidateClassNames (#2255)
• 2 icons used in library were using wrong variant (#2260)

Icons

• Introduction of a new 'Light' variant of icons. For now a set of 153 icons in size 32 has been added.

• Update to Fluent UI System Icons 1.1.247

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

  • Accessibility More / 16, 20, 24 / Filled & Regular
  • Battery 0 / 28, 32 / Filled & Regular
  • Battery 1 / 28, 32 / Filled & Regular
  • Battery 10 / 28, 32 / Filled & Regular
  • Battery 2 / 28, 32 / Filled & Regular
  • Battery 3 / 28, 32 / Filled & Regular
  • Battery 4 / 28, 32 / Filled & Regular
  • Battery 5 / 28, 32 / Filled & Regular
  • Battery 6 / 28, 32 / Filled & Regular
  • Battery 7 / 28, 32 / Filled & Regular
  • Battery 8 / 28, 32 / Filled & Regular
  • Battery 9 / 28, 32 / Filled & Regular
  • Battery Charge / 28, 32 / Filled & Regular
  • Calendar Sparkle / 32 / Light
  • Chat / 32 / Light
  • Coin Stack / 16, 20, 24 / Filled & Regular
  • Database Arrow Up / 16 / Filled & Regular
  • Game Chat / 20 / Filled & Regular
  • Layout Row Two Focus Top Settings / 20, 28, 32 / Filled
  • Layout Row Two Focus Top Settings / 32 / Light
  • Layout Row Two Focus Top / 28 / Filled
  • Paint Brush / 12 / Filled & Regular
  • Panel Right / 12 / Filled & Regular
  • People Edit / 32 / Filled & Regular
  • People Edit / 32 / Light
  • Person Home / 16, 20, 24, 28, 32, 48 / Filled & Regular
  • Person Mail / 32 / Filled & Regular
  • Person Mail / 32 / Light
  • Puzzle Piece / 12 / Filled & Regular
  • Teaching / 20 / Filled & Regular

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

  • Arrow Forward Down Lightning / 20, 24 / Filled & Regular
  • Notebook Lightning / 20, 24 / Filled & Regular

• Update to Fluent UI System Icons 1.1.245

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

  • Arrow Collapse All / 16 / Filled & Regular
  • Arrow Expand All / 16, 20, 24 / Filled & Regular
  • Chat Arrow Back Down / 16, 20, 24, 28, 32, 48 / Filled & Regular
  • Desktop Arrow Down / 32 / Filled & Regular
  • Edit Line Horizontal 3 / 20, 24 / Filled & Regular
  • Gift Open / 32 / Filled & Regular
  • Prompt / 16, 20, 24, 28, 32, 48 / Filled & Regular
  • Search Sparkle / 16, 20, 24, 28, 32, 48 / Filled & Regular
  • Slide Text Call / 16, 20, 24, 28, 48 / Filled & Regular
  • Slide Text Cursor / 20, 24 / Filled & Regular
  • Vehicle Motorcycle / 16, 20, 24, 28, 32, 48 / Filled & Regular

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

  • Arrow Collapse All / 20, 24 / Filled & Regular

New Contributors

• @mobinseven made their first contribution in #2242
• @Christo262 made their first contribution in #2241
• @franklupo made their first contribution in #2260

Full Changelog: v4.8.1...v4.9.0

v3.7.6

Demo site and documentation

• Improve API documentation by showing preview of default icon (#2284)

Components

• [Autocomplete] Fix ReadOnly and Disable properties (#2291)

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