Skip to content

Latest commit

 

History

History
741 lines (673 loc) · 51 KB

WHATSNEW.md

File metadata and controls

741 lines (673 loc) · 51 KB
Raw

v4.7.3

Icons

  • 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

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

v4.7.1

Components

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

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

v4.6.2

Components

[DataGrid] Add remove sort capability on columns (#1826)

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

V4.6.0

Demo site, documentation and miscellaneous

  • [Demo & docs] Add InputFile 'known issues' section (#1680)
  • [Demo & docs] Corrects spelling and grammar in templates page (#1716)
  • [Demo & docs] Fix Wizard link in navigation menu (#1660)
  • [Demo & docs] Minor corrections to CONTRIBUTING.md (#1681)
  • [MarkdownSection] Fixes border not showing in Markdown tables (#1721)
  • [MarkdownSection] Adds code highlighting (#1737)
  • [MarkdownSection] Fixes and enhancements (#1751)
  • [Misc] Add required .csproj settings for generating snupkg packages (#1675)
  • [Misc] Add ToColorHex extension to Swatch (#1691)

Components

  • [Accordion] Add expanded value to custom event handler (#1689)

  • [AppBarItem] Add OnClick event callback (#1698)

  • [Button] Avoid padding on loading spinner when no text is shown (#1714)

  • [InputFile] Replace OnInitializedAsync with OnAfterRenderAsync (#1661)

  • [KeyCode] Allow content to avoid using the Anchor property (#1743)

  • [KeyCodeProvider] Add a global service to capture keystrokes (#1740)

  • [MenuButton] Make the menu anchored to the button so can float (#1676)

  • [Pagination] Add Disabled parameter (#1713)

  • [Persona] Manage the empty Name (#1710)

  • [ProfileMenu] Add a new FluentProfileMenu (#1705)

  • [PullToRefresh] Add a new FluentPullToRefresh (#1679)

  • [Wizard] Add the ability to automatically validate an EditForm (#1663)

  • Update Fluent UI System Icons to 1.1.233

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

    • Classification / 32 / Filled & Regular
    • Document Target / 20, 24, 32 / Filled & Regular
    • Emoji Meme / 16, 20, 24 / Filled & Regular
    • Hand Point / 16, 20, 24, 28, 32, 48 / Filled & Regular
    • Mail Read Briefcase / 48 / Filled & Regular
    • People Subtract / 20, 24, 32 / Filled & Regular
    • Person Alert Off / 16, 20, 24, 32 / Filled & Regular
    • Shopping Bag Add / 16 / Filled & Regular
    • Spatula Spoon / 16, 20, 24, 28, 32, 48 / Filled & Regular
    • Accessibility Error / 20, 24 / Filled & Regular
    • Accessibility Question Mark / 20, 24 / Filled & Regular
    • Arrow Down Exclamation / 24 / Filled & Regular
    • Arrow Sort Up Lines / 16, 20, 24 / Filled & Regular
    • Arrow Up Exclamation / 16, 20, 24 / Filled & Regular
    • Bench / 20, 24 / Filled & Regular
    • Building Lighthouse / 28 / Filled & Regular
    • Clock Bill / 16, 20, 24, 32 / Filled & Regular
    • Data Usage Settings / 16, 24 / Filled & Regular
    • Data Usage / 16 / Filled & Regular
    • Edit Person / 20, 24 / Filled & Regular
    • Highway / 20, 24 / Filled & Regular
    • Laptop Person / 20, 24, 48 / Filled & Regular
    • Location Ripple / 16, 20, 24 / Filled & Regular
    • Mail Arrow Double Back / 32 / Filled & Regular
    • Mail Briefcase / 48 / Filled & Regular
    • People Add / 32 / Filled & Regular
    • Person Alert / 32 / Filled & Regular
    • Road / 20, 24 / Filled & Regular
    • Save / 32 / Filled & Regular
    • Tab Desktop Multiple Sparkle / 16, 20, 24 / Filled & Regular
    • Tab Desktop Multiple / 24 / Filled & Regular
    • Vehicle Tractor / 20, 24 / Filled & Regular

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

    • Classification / 20, 24 / Filled & Regular
    • Emoji Add / 20 / Filled & Regular
    • Emoji Edit / 20 / Filled & Regular
    • Emoji Sparkle / 20 / Filled & Regular
    • Emoji / 20 / Filled & Regular
    • Accessibility Checkmark / 24 / Filled & Regular
    • Arrow Down Exclamation / 16, 20 / Filled & Regular
    • Arrow Sort Down Lines / 16, 20, 24 / Filled & Regular
    • Building Lighthouse / 48 / Filled & Regular
    • Calendar Video / 20, 24, 28 / Filled & Regular
    • Options / 16, 28, 32 / Filled & Regular
    • Person Alert / 16, 20, 24 / Filled & Regular
    • Tab Desktop Multiple Bottom / 24 / Filled

V4.5.0

From now on we will just list the PRs that have been merged. The related issues can be found by looking at the PR details on GitHub.

Titles have been altered and sorted here to provide a bit more uniformity.

Demo site, documentation and miscellaneous

  • [Demo & docs] Add global search bar (#1583)
  • [Demo & docs] Add video on Demo site (#1586)
  • [Demo & docs] Migrate Demo Search to use FluentAutocomplete (#1599)
  • [Demo & docs] Nuget badge links to nuget (#1529)
  • [Demo & docs] Update NavMenuPage.razor - corrects grammar (#1518)
  • [Misc] Rider files not ignored (#1649)
  • [Misc] Update devcontainer to Dotnet 8 (#1630)

Components

  • [AppBar] Adding .NET Aspire's AppBar (#1527)
  • [Autocomplete] Add IconDismiss adn IconSearch (#1573)
  • [Autocomplete] Add 'required' binding to the autocomplete label (#1543)
  • [Autocomplete] Fix Backspace usage (#1544)
  • [Autocomplete] Fix the left-right navigation (v3) (#1491)
  • [Autocomplete] Add autofocus to Autocomplete & Combobox #1650
  • [Autocomplete] Add Virtualization #1647
  • [Button] Update the Button custom style for BackgroundColor and Color properties (#1603)
  • [Card] Add MinimalStyle property (#1595)
  • [Combobox] Allow FluentCombobox to be cleared from code (#1613)
  • [Combobox] Fix 1485 by overriding SetParametersAsync (#1506)
  • [Combobox] Re-use/re-purpose FluentTextField script for FluentCombobox (browser autocomplete) (#1629)
  • [DatagGrid] Remove Expression from TooltipText (#1635)
  • [DataGrid] Adds a Filtered property and visual indicator to PropretyColumn in FluentDataGrid (#1625)
  • [DataGrid] Fix #1582 by adding pointercancel and pointerleave event listeners (#1591)
  • [DataGrid] Fix #1616 by adding a try..catch block (#1637)
  • [DataGrid] Fix Loading issues (#1512)
  • [DataGrid] Fix OnRowwFocus and sorting for DataGrid (#1577)
  • [DataGrid] Use specific ids for rows and cells (#1480)
  • [DatePicker] Add DateOnly and TimeOnly extensions (#1500)
  • [DatePicker] Allow to select the existing selected month (#1545)
  • [DesignTheme] Fix the Random color annoys other fillers (#1475)
  • [Dialog] Allows showing a dialog by only providing a RenderFragment. (#1496)
  • [Grid] Fix the Grid "external margins" (#1646)
  • [Icons] Fix Icon color using ColorWith and a CustomColor attribute (#1539)
  • [Icons] Update Fluent UI System Icons to v1.1.230 (#1648)
  • [Icons] Update to Fluent UI System Icons 1.1.227 (#1513)
  • [Lists] Small performance update for rendering list items (#1476)
  • [Menu] Add Threshold attributes (#1644)
  • [Menu] Several fixes (#1574)
  • [MenuButton] Changes and additions (#1602)
  • [MessageBar] Allow the ability to hide the dismissal button (#1495)
  • [NavMenu] Fix FluentNavMenu.razor.js for non SSR (#1560)
  • [NavMenu] Render out Id for FluentNavLink + add test (#1580)
  • [NumberField] Fix #1531 by using web components current-value instead of value. (#1576)
  • [Overflow] Better samples and better selector detection (#1645)
  • [Overflow] Misc work (#1523)
  • [Pagination] Fix #1596 (very long title, see description) (#1606)
  • [Paginator] Remove background color (#1503)
  • [Persona] Add support for icons (#1546)
  • [Persona] Fix bug in FluentPersona when the names contains more than one space. (#1623)
  • [Script] Fix #1652 by also checking for OperationCanceledException (#1653)
  • [SortableList] Fix typo/spelling errors for Sortable List Page (#1600)
  • [SplashScreen] Add WaitingMilliseconds and UpdateLabels (#1570)
  • [Splitter] Fix adoptedStyleSheets is frozen in earlier versions by @CV-souryu (#1557)
  • [Splitter] Update SplitPanels.ts (#1520)
  • [Tabs] Add LoadingContent parameter to FluentTab (#1587)
  • [Templates] Makes code created from fluentblazorwasm template neater (#1501)
  • [Templates] Minor clean up (#1488)
  • [Tooltip] Add the HideTooltipOnCursorLeave property (#1571)
  • [ValidationMessage] Adds FieldIdentifier parameter (#1489)
  • [Wizard] Fix ValueChanged never trigerred in FluentWizard (#1538)

V4.4.1

  • Issue #1462: FluentMessageBar onclick bug and not using Link?.Target
  • Issue #1461: fluent-data-grid rendered after rows in manual FluentDataGrid
  • Issue #1450: FluentSlider's two-way data binding on Value Property does not update appropriately
  • Issue #1449: [Autocomplete] Fix Disabled item using keyboard and re-enables the ability to click on an element
  • Issue #1448: two key strokes required to change item in FluentSelect
  • Issue #1444: FluentDataGrid 4.4.0 not rendering in default fluentblazor template using StreamRendering and SSR
  • Issue #1442: Fix fluentblazor template 4.4.0
  • Issue #1437: UI does not leave Loading animation if result has 0 items in FluentDataGrid
  • Issue #1436: Profile NavMenu: Labels in Template
  • Issue #1433: FluentDataGrid show no data in version 4.4.0
  • Issue #1425: add OnClick EventCallback to FluentAnchor
  • Issue #1424: Not setting current-value for fluent-number-field

V4.4.0

New: SortableList component New: (experimental) MultiSplitter component New: KeyCode component Updated: DataGrid - Loading and LoadingContent parameters

  • Issue #1421: @code-block inside FluentDataGrid gets called three times instead of once

  • Issue #1391: fix: External Authentication in Middleware

  • Issue #1358: fix: value not set in FluentSelect while using keyboard

  • Issue #1350: fix: "i.addEventListener is not a function" in "Microsoft.FluentUI.AspNetCore.Components.lib.module.js"

  • Issue #1344: fix: Keyboard navigation does not trigger value nor option change in Listbox

  • Issue #1335: Consider removing the PageScript component from the public API (renamed to FluentPageScript)

  • Issue #1333: FluentSwitch inside FluentTab does not work anymore (since 4.3.0)

  • Issue #1328: feat: Allow SVG Icon viewBox to be set via configuration instead of reusing icon size feature

  • Issue #1327: fix: FluentLayout expenders stop working after UI updates

  • Issue #1317: feat: add loading indicator to DataGrid feature

  • Issue #1311: fix: Problems with validation border color / validation classes in FluentDatePicker / FluentAutocomplete

  • Issue #1292: Accessibility issue in Fluent AutoComplete

  • Issue #1255: fix: confirmation message box throws exception in production in Azure Static Web Apps

  • Issue #1182: FluentDesignTheme - Assertion failed - heap is currently locked when changing theme

  • PR #1426: Remove value and current-value for fluent-switch

  • PR #1424: Not setting current-value for fluent-number-field

  • PR #1404: [FluentFileInput] adds a "disabled" property to the FluentFileInput component

  • PR #1380: [Grid] Fix breakpoints not working with fractional pixels

  • PR #1372: Lists related refactoring and maintenance

  • Demo: Tweak version in footer so it shows Git commit hash in truncated form

  • Demo Fix positioning of hamburger menu in mobile view

  • Update Fluent UI System Icons to 1.1.226 What's new (Name / Size(s) / Variant(s))

    • Building Lighthouse / 24, 32, 48 / Filled & Regular
    • Calendar Link / 24, 28 / Filled & Regular
    • Calendar Video / 24, 28 / Filled & Regular
    • Cookies / 16, 28, 32, 48 / Filled & Regular
    • Hard Drive / 28, 48 / Filled & Regular
    • Laptop Settings / 20, 24, 32 / Filled & Regular
    • Laptop / 32 / Filled & Regular
    • People Audience / 32 / Filled & Regular
    • Shopping Bag Add / 20, 24 / Filled & Regular
    • Street Sign / 20, 24 / Filled & Regular
    • Video Link / 24, 28 / Filled & Regular

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

    • Cube / 12 / Filled & Regular
    • Laptop Multiple / 24 / Filled & Regular
    • Laptop / 24, 28 / Filled & Regular
    • Prohibited Multiple / 28 / Filled & Regular

  • Update Fluent UI System Icons to 1.1.225

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

    • Flowchart / 16, 32 / Filled & Regular
    • Layer Diagonal Person / 24 / Filled & Regular
    • Layer Diagonal / 24 / Filled & Regular
    • Poll Off / 16, 20, 24, 32 / Filled & Regular
    • Rectangle Landscape Sparkle / 48 / Filled & Regular
    • Rectangle Landscape Sync Off / 16, 20, 24, 28 / Filled & Regular
    • Rectangle Landscape Sync / 16, 20, 24, 28 / Filled & Regular
    • Seat Add / 16, 20, 24 / Filled & Regular
    • Seat / 16, 20, 24 / Filled & Regular
    • Speaker / 16, 20, 24 / Filled & Regular
    • Text Edit Style Character Ga / 32 / Filled & Regular
    • Window Ad / 24 / Filled & Regular
    • Wrench Settings / 20, 24 / Filled & Regular

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

    • Add Circle / 32 / Filled & Regular
    • Arrow Clockwise Dashes / 16, 20, 24, 32 / Filled & Regular
    • Arrow Clockwise / 16, 20, 24, 28, 32, 48 / Filled & Regular
    • Arrow Counterclockwise Dashes / 20, 24 / Filled & Regular
    • Arrow Counterclockwise / 16, 20, 24, 28, 32, 48 / Filled & Regular
    • Arrow Reply All / 16, 20, 24, 28, 32, 48 / Filled & Regular
    • Arrow Reply Down / 16, 20, 24 / Filled & Regular
    • Arrow Reply / 16, 20, 24, 28, 32, 48 / Filled & Regular
    • Calendar Clock / 24 / Filled & Regular
    • Calendar Info / 16 / Filled & Regular
    • Calendar Lock / 16 / Filled & Regular
    • Calendar Person / 16 / Filled & Regular
    • Calendar Phone / 16 / Filled & Regular
    • Calendar Question Mark / 16 / Filled & Regular
    • Calendar Reply / 16 / Filled & Regular
    • Calendar Search / 16 / Filled & Regular
    • Calendar Settings / 16 / Filled & Regular
    • Calendar Shield / 16 / Filled & Regular
    • Calendar Star / 16 / Filled & Regular
    • Calendar Sync / 16 / Filled & Regular
    • Chat Add / 16, 20, 24, 28, 32, 48 / Filled & Regular
    • Cloud Archive / 28, 48 / Filled & Regular
    • Cloud Arrow Down / 28, 48 / Filled & Regular
    • Cloud Arrow Up / 28, 48 / Filled & Regular
    • Cloud Beaker / 28, 48 / Filled & Regular
    • Cloud Checkmark / 28, 48 / Filled & Regular
    • Cloud Cube / 28, 48 / Filled & Regular
    • Cloud Dismiss / 28, 48 / Filled & Regular
    • Cloud Error / 28, 48 / Filled & Regular
    • Cloud Off / 28, 48 / Filled & Regular
    • Cloud Sync / 28, 48 / Filled & Regular
    • Cloud Words / 28, 48 / Filled & Regular
    • Cloud / 28, 48 / Filled & Regular
    • Comment Multiple Checkmark / 16, 20, 24, 28 / Filled & Regular
    • Comment Multiple Link / 16, 20, 24, 28, 32 / Filled & Regular
    • Comment Multiple / 16, 20, 24, 28, 32 / Filled & Regular
    • Credit Card Clock / 24 / Filled & Regular
    • Document Search / 20, 24 / Filled & Regular
    • Document Text Clock / 24 / Filled & Regular
    • Flag Clock / 20, 24 / Filled & Regular
    • Flag Off / 20 / Filled & Regular
    • Flag / 20 / Filled & Regular
    • Globe Clock / 24 / Filled & Regular
    • History Dismiss / 20, 24, 28, 32, 48 / Filled & Regular
    • History / 16, 20, 24, 28, 32, 48 / Filled & Regular
    • Lock Closed Key / 16, 20, 24 / Filled & Regular
    • Mail Clock / 24 / Filled & Regular
    • Person Clock / 24 / Filled & Regular
    • Prohibited Multiple / 16, 20, 24 / Filled & Regular
    • Rectangle Landscape Sparkle / 16, 20, 24, 28, 32 / Filled & Regular
    • Scan Person / 16, 20, 24, 28, 48 / Filled & Regular
    • Search Info / 24 / Filled & Regular
    • Search / 24, 28 / Filled & Regular
    • Send Clock / 24 / Filled & Regular
    • Text Edit Style Character A / 32 / Filled
    • Vehicle Car Profile LTR Clock / 24 / Filled & Regular
    • Video Person Clock / 24 / Filled & Regular
    • Video Person Sparkle Off / 20, 24 / Filled & Regular
    • Video Person Sparkle / 16, 20, 24, 28, 48 / Filled & Regular
    • Window Ad Off / 20 / Filled
    • Window Ad / 20 / Filled
    • Window Console / 20 / Filled
    • Window Dev Edit / 16, 20 / Filled & Regular
    • Window Dev Tools / 16, 20, 24 / Filled & Regular
    • Window Edit / 16 / Filled & Regular
    • Window Shield / 16, 20, 24 / Filled & Regular
    • Wrench / 24 / Filled & Regular

V4.3.1

  • Issue #1282: Looping behaviour after update to 4.3.0 / FluentDesignTheme

  • Issue #1283: Fix Combobox and Select width property

  • Issue #1294: Issue upgrading from 4.2.1 to 4.3.0; better fix for #1205 en #1225

  • Issue #1305: ComboBox component resetting bound object to null when custom content is entered

  • Issue #1314: Updating FluentTabs ActiveTabId doesn't rerender if data is entered in contained FluentTextInput

  • [Splitter] Add parameter to show/hide bar handle

  • [Tabs] Add GotToTabAsync method

V4.3

  • New: FluentWizard component

  • Issue #1116: Create FieldIdentifier when no ValueExpression set

  • Issue #1121: FluentProgress - Add Width, Stroke, Color and BackgroundColor attributes

  • Issue #1125: FluentProgress - Update Stroke enumeration

  • Issue #1132: Some FluentTab changes

  • Issue #1138: Fix: Do not render percent sign for indeterminate ProgressToast

  • Issue #1140: FluentIcon - Add Unit Tests

  • Issue #1141: Update initializersLoader.webview.js

  • Issue #1144: List components - Each item must be instantiated (cannot be null)

  • Issue #1146: FluentButton Loading - Fix button when style is applied

  • Issue #1149: ListComponentBase - maintain consistency between SelectedOption and Value

  • Issue #1155: Use GlobalState, use LocalizationDirection, less var’s

  • Issue #1156: FluentDesignTheme - Add OnLoaded event

  • Issue #1157: FluentDesignTheme - Check if LocalStorage is available

  • Issue #1158: Make NavGroup work with enhanced navigation and SSR

  • Issue #1161: Create separate ts file for PageScript Add SSR project from template for validation purposes (other projects githubbe added later)

  • Issue #1163: FluentDesignTheme - Storage color overload correction

  • Issue #1165: Finih implementation of NavMenu SSR support

  • Issue #1168: Tabs tablist will forever expand despite the tab containers width

  • Issue #1169: Fix: Matched FluentNavLink renders with background that does not have rounded corners

  • Issue #1172: FluentOverflow - Resize when a new element is included or excluded

  • Issue #1173: Replace type="image/png" with type="image/x-icon"in templates

  • Issue #1174: Forgot to replace svg with icon in templates

  • Issue #1177: Docs: fix outdated w3.org link

  • Issue #1184: Docs: fix typo

  • Issue #1185: Fix: Collapse button doesn’t work correctly in Fluent Blazor Web App template

  • Issue #1189: fix Combobox z-index stack order issue

  • Issue #1191: Fix #1185: NavMenu Collapse button behavior in SRR only woks once

  • Issue #1194: Fix: FluentTextField inside FluentTabs, pressing Enter re-renders FluentTab’s content

  • Issue #1205: FluentButton submit does not work outside the EditForm

  • Issue #1211: FluentWizard - New component

  • Issue #1214: FluentSliderLabel - Update the sub-label MaxWidth style

  • Issue #1215: FluentTextField ignores DataList property

  • Issue #1223: DialogService - Add a fake instance of DialogEventArgs

  • Issue #1225: Fix #1205 FluentButton submit does not work outside the EditForm

  • Issue #1227: Fix: FluentTreeItem in that span that renders Text proprty is not conditional and adds unnecessary space when gap githubproperty is applied

  • Issue #1226: FluentAutocomplete does not have an ElementReference

  • Issue #1229: Add NavMenuWidth parameter to FluentMainLayout

  • Issue #1232: Several work items combined in a PR to not push to dev directly

  • Issue #1233: PageScript - Move script visibility inside the web component

  • Issue #1234: Templates - Fix spelling and use FluentValidationSummary

  • Issue #1241: Fix: FluentNavLink OnClick not working

  • Issue #1245: Fix: dragging the splitter bar is inverted with RTL enabled in fluent splitter

  • Issue #1250: Fix: Pagination arrows should reverse in RTL mode

  • Issue #1268: Feat: add "invalid" css-class to/in Default Date Picker field if invalid

  • Issue #1274: Fix: [Width less than 250px does not take effect] in [FluentCombobox and FluentSelect]

  • Issue #1276: FluentTabs shows badge although all tabs are visible

  • [DialogService] Fix trimming on production error

  • Demo site: menu structure overhaul

  • Add solution with Template generated projects

Known issues

  • FluentDesignTheme: Assertion failed error in console. See #1182 for more information. We are still working on a fix.
  • Confirmation message box (and possibly other dialogs) are not working correctly in WebAssembly trimmed projects. See #1255 for more information.

4.2.1

  • NavMenu and NevMenuGroups can now expand/collpase in SSR mode
  • Added PageScript component (See Static Server Rendeing on MS Learn)
  • Move initializersLoader.webview.js back into wwwroot/js so it gets published in the package again.
  • Updates and fixes for FluentDesignTheme: add OnLoaded, check if LocalStorage is available
  • FluentProgress: Add Width, Stroke, Color and BackgroundColor attributes
  • FluentTab: Add Visible parameter
  • Fix #1160: FluentDesignTheme custom color not honored and assertion failure.
  • Fix #1116: Create FieldIdentifier when no ValueExpression set
  • Fix #1138: Do not render percent sign for indeterminate ProgressToast
  • Fix #1144: [List components] Each item must be instantiated (cannot be null).
  • Fix #1146: Loading button with styles issue
  • Fix #1149: [List components] maintain consistency between SelectedOption and Value when Multiple is false
  • Demo site: Search for icons in all sizes

4.2.0

  • New: FluentDesignTheme - An easy-to-use component to set a theme and accent color.
  • New: FluentValidationMessage and Required indicator for input components
  • JavaScript tools project system integration
  • Enhanced: NavMenu
  • Enhanced: InputFile
  • Enhanced: List components
  • Enhanced: Grid: Hiding elements and OnBreakpointEnter event callback
  • Enhanced: Checkbox
  • Enhanced: Splitter
  • Updated Templates: responsive NavMenu and other improvements
  • Fix #1057: Can't show Fluent UI Blazor dialog on published Blazor webasm app
  • Fix #1070: Style not applied for FluentPaginator + added PaginationTextTemplate parameter
  • Update Fluent UI System Icons to 1.1.224:

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

  • Arrow Clockwise Dashes / 16, 32 / Filled & Regular
  • Building Swap / 16, 20, 24, 32, 48 / Filled & Regular
  • Certificate / 32 / Filled & Regular
  • Clipboard Brush / 16, 20, 24, 28, 32 / Filled & Regular
  • Cloud Beaker / 16, 20, 24, 28, 32, 48 / Filled & Regular
  • Cloud Cube / 16, 20, 24, 28, 32, 48 / Filled & Regular
  • Contract Up Right / 16, 20, 24, 28, 32, 48 / Filled & Regular
  • Document Data Lock / 16, 20, 24, 32 / Filled & Regular
  • Glance Horizontal Sparkles / 20 / Filled & Regular
  • Layout Cell Four Focus Bottom Left / 16, 20, 24 / Filled
  • Layout Cell Four Focus Bottom Right / 16, 20, 24 / Filled
  • Layout Cell Four Focus Top Left / 16, 20, 24 / Filled
  • Layout Cell Four Focus Top Right / 16, 20, 24 / Filled
  • Layout Cell Four / 16, 20, 24 / Filled & Regular
  • Layout Column Four Focus Center Left / 16, 20, 24 / Filled
  • Layout Column Four Focus Center Right / 16, 20, 24 / Filled
  • Layout Column Four Focus Left / 16, 20, 24 / Filled
  • Layout Column Four Focus Right / 16, 20, 24 / Filled
  • Layout Column Four / 16, 20, 24 / Filled & Regular
  • Layout Column One Third Left / 16, 20, 24 / Filled & Regular
  • Layout Column One Third Right Hint / 16, 20, 24 / Filled & Regular
  • Layout Column One Third Right / 16, 20, 24 / Filled & Regular
  • Layout Column Three Focus Center / 16, 20, 24 / Filled
  • Layout Column Three Focus Left / 16, 20, 24 / Filled
  • Layout Column Three Focus Right / 16, 20, 24 / Filled
  • Layout Column Three / 16, 20, 24 / Filled & Regular
  • Layout Column Two Focus Left / 16, 20, 24 / Filled
  • Layout Column Two Focus Right / 16, 20, 24 / Filled
  • Layout Column Two Split Left Focus Bottom Left / 16, 20, 24 / Filled
  • Layout Column Two Split Left Focus Right / 16, 20, 24 / Filled
  • Layout Column Two Split Left Focus Top Left / 16, 20, 24 / Filled
  • Layout Column Two Split Left / 16, 20, 24 / Filled & Regular
  • Layout Column Two Split Right Focus Bottom Right / 16, 20, 24 / Filled
  • Layout Column Two Split Right Focus Left / 16, 20, 24 / Filled
  • Layout Column Two Split Right Focus Top Right / 16, 20, 24 / Filled
  • Layout Column Two Split Right / 16, 20, 24 / Filled & Regular
  • Layout Column Two / 16, 20, 24 / Filled & Regular
  • Layout Row Four Focus Bottom / 16, 20, 24 / Filled
  • Layout Row Four Focus Center Bottom / 16, 20, 24 / Filled
  • Layout Row Four Focus Center Top / 16, 20, 24 / Filled
  • Layout Row Four Focus Top / 16, 20, 24 / Filled
  • Layout Row Four / 16, 20, 24 / Filled & Regular
  • Layout Row Three Focus Bottom / 16, 20, 24 / Filled
  • Layout Row Three Focus Center / 16, 20, 24 / Filled
  • Layout Row Three Focus Top / 16, 20, 24 / Filled
  • Layout Row Three / 16, 20, 24 / Filled & Regular
  • Layout Row Two Focus Bottom / 16, 20, 24 / Filled
  • Layout Row Two Focus Top / 16, 20, 24 / Filled
  • Layout Row Two Split Bottom Focus Bottom Left / 16, 20, 24 / Filled
  • Layout Row Two Split Bottom Focus Bottom Right / 16, 20, 24 / Filled
  • Layout Row Two Split Bottom Focus Top / 16, 20, 24 / Filled
  • Layout Row Two Split Bottom / 16, 20, 24 / Filled & Regular
  • Layout Row Two Split Top Focus Bottom / 16, 20, 24 / Filled
  • Layout Row Two Split Top Focus Top Left / 16, 20, 24 / Filled
  • Layout Row Two Split Top Focus Top Right / 16, 20, 24 / Filled
  • Layout Row Two Split Top / 16, 20, 24 / Filled & Regular
  • Layout Row Two / 16, 20, 24 / Filled & Regular
  • Location Target Square / 16, 20, 24, 32 / Filled & Regular
  • Resize / 16, 28, 32, 48 / Filled & Regular
  • Select All Off / 16 / Filled & Regular
  • Select All On / 16 / Filled & Regular
  • Share Android / 16, 32 / Filled & Regular
  • Text Arrow Down Right Column / 16, 20, 24, 28, 32, 48 / Filled & Regular
  • Text Effects Sparkle / 20, 24 / Filled & Regular
  • Whiteboard Off / 16, 20, 24 / Filled & Regular
  • Whiteboard / 16 / Filled & Regular

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

  • Contract Down Left / 28 / Filled & Regular
  • Resize / 20, 24 / Filled & Regular
  • Select All Off / 20, 24 / Filled & Regular
  • Select All On / 20, 24 / Filled & Regular

4.1.1

  • Fix #939: Add OptionTemplate for FluentCombobox, FluentListBox and FluentSelect
  • Fix #1040: FluentNumberField can be changed when ReadOnly
  • FluentNavMenu: Add Tooltip parameter to FluentNavMenuGroup (fallback to Title) and FluentNavLink
  • FluentNavMenu: Expand the menu when collapsed and a navitem is clicked
  • FluentInputFile: Add ProgressTemplate and a bindable ProgressPercent attribute
  • Templates: Add missing Client project to _Imports.razor

V4.1.0

  • FluentCalendar: Add new views to select month/year
  • FluentCheckbox: Add tri-state support
  • FluentAccordionItem: Add HeaderTemplate parameter
  • FluentSplitter: Add Panel1MinSize, Panel2MinSize and BarSize parameter
  • FluentSplitter: Make resizing always use proportional values
  • FluentSplitter: Add support for collapsing panel 2 (right/bottom), add OnCollapsed, OnExpanded and OnResized event callbacks
  • Fix using checkbox, switch, slider being used in EditForm not getting set on first few clicks
  • Fix Web App template to correctly handle NavMenu based on rendermode and interactivity choices
  • Move CacheStorageAccessor and StaticAssetService to Demo.Shared project as these are specific to the demo site and not the library
  • Update Fluent UI System Icons to 1.1.223 (no overview of what's new/changed this time)
  • Demo: Move ErrorBoundary into DemoSection component so page keeps working when only one section fails
  • Fix miscellaneous demo errors caused by trimming

V4.0.0

  • FluentAccordionItem: Add HeaderTemplate parameter

V4.0.0-rc.3

  • Undo change template interactivity default to None. Default is now Server (same as regular Blazor template)
  • FluentSplitter: Add support for collapsing panel 2 (right/bottom), add OnCollapsed, OnExpanded and OnResized event callbacks
  • variables.css is imported in the automatically loaded library's css now

V4.0.0-rc.2

  • Fix initial Highlight style after refresh was not right
  • Fix #918: .NET 8 initializers + cleanup
  • Fix #923: WebAssembly template errors
  • Fix #924: Call SetLuminance after theme change
  • Fix #925: Fic W3C links in demo site
  • Fix #926: Work on Dialog height
  • Remove Card from Home page in the WebAssembly template
  • Change template interactivity default to None (ie SSR mode)
  • Adjust FluentNavMenu to work with interactivity change
  • Add favicon to demo sites and templates
  • Move CacheStorageAccessor and StaticAssetService to Demo.Shared project as these are specific to the demo site and not the library
  • Fix WhatsNew archive

V4.0.0-rc.1

  • This version is for .NET 8 only. (use Microsoft.Fast.Components.FluentUI when using .NET 6 or 7)
  • Update all input component to use ReadOnly instead of a mix of possible spellings
  • Update demo site styling (nav menu and body now scroll independently)
  • Support DisabledDateFunc in FluentDatePicker
  • Removed the FluentCodeEditor component because it lacked features and has no Fluent design aspects. You can use the BlazorMonaco component as a replacement
  • Fix #911: Column resizing in DataGrid breaks when column to narrow
  • Fix #891: JSDisconnectedException in FluentOverflow
  • Fix #861: Needed extra empty-content-cell class
  • FluentCard: Add Width and Height + docs/examples
  • FluentToast: Timeout is now in milliseconds
  • FluentToastContainer renamed to FluentToastProvider
  • FluentMessageBarContainer renamed to FluentMessageBarProvider

V4.0.0-preview.2

  • Functionally equivalent to v3.2.2
  • Replace AfterBindValue with native @bind-Value:after
  • Fix missed or incorrectly replaced namespace errors
  • Update Fluent UI System icons to 1.1.221

Update Fluent UI System icons to 1.1.221

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

  • Arrow Download Off / 16, 20, 24, 28, 32, 48 / Filled & Regular
  • Border Inside / 16, 20, 24 / Filled & Regular
  • Chat Lock / 16, 20, 24, 28 / Filled & Regular
  • Error Circle / 48 / Filled & Regular
  • Full Screen Maximize / 28, 32 / Filled & Regular
  • Full Screen Minimize / 28, 32 / Filled & Regular
  • Link Person / 16, 20, 24, 32, 48 / Filled & Regular
  • People Chat / 16, 20, 24 / Filled & Regular
  • Person Support / 28 / Filled & Regular
  • Shapes / 32 / Filled & Regular
  • Slide Text Edit / 16, 20, 24, 28 / Filled & Regular
  • Subtract Circle / 48 / Filled & Regular
  • Subtract Parentheses / 16, 20, 24, 28, 32, 48 / Filled & Regular
  • Warning / 48 / Filled & Regular

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

  • Border None / 16 / Filled & Regular
  • Flag Off / 48 / Filled & Regular
  • Person Support / 16, 20, 24 / Filled & Regular
  • Shapes / 28 / Filled & Regular
  • Subtract Circle / 16, 32 / Filled & Regular

V4.0.0-preview.1

  • Change root namespace to Microsoft.FluentUI.AspNetCore.Components

Archives

See the What's New page on the documentation online to browse the archive