fluentui
fluentui copied to clipboard
microsoft
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
## Previous Behavior ## New Behavior ## Related Issue(s) - Fixes #
## Previous Behavior - Carousel attached listeners to the target document - Carousel listeners were not being removed on unmount - Carousel drag events were not firing correctly when index...
### Component Toast ### Package version 9.58.3 ### React version 17 ### Environment ```shell System: OS: macOS 15.5 CPU: (16) arm64 Apple M3 Max Memory: 1.15 GB / 64.00 GB...
### Component Carousel ### Package version 9.63.0 ### React version 18.2.0 ### Environment ```shell System: OS: Linux 6.8 Ubuntu 22.04.4 LTS 22.04.4 LTS (Jammy Jellyfish) CPU: (16) x64 AMD EPYC...
### Area React Components (https://react.fluentui.dev) ### What kind of documentation issue are you reporting? - [ ] Reporting a typo - [ ] Reporting a documentation bug - [x] Documentation...
## Previous Behavior Components relied on fluentui/tokens package which used generic level tokens for all components fluentui/tokens was exported as a singular object, causing larger bundle sizes in ESBuild based...
## Previous Behavior CSS Anchor positioning isn't supported yet in Firefox or Safari, which causes the listbox popup to detach from its parent dropdown. ## New Behavior The dropdown will...
## Previous Behavior The icon is vertically centered in the header, instead of being aligned with the first line of text.  ## New Behavior The icon is aligned vertically...
Update to semantic tokens where applicable for react-message-bar Add fallback values to fluentOverrides Gaps noted [here](https://microsoft.sharepoint-df.com/contentstorage/CSP_a39ba899-7dee-4860-954a-20b160f72c3a/_layouts/15/guestaccess.aspx?share=EdWC0VhNnFlFhMIcoTL-ss4B88HvqMsHDTyy9FxnYReBHQ&e=o5GsDO&nav=cz0lMkZjb250ZW50c3RvcmFnZSUyRkNTUF9hMzliYTg5OS03ZGVlLTQ4NjAtOTU0YS0yMGIxNjBmNzJjM2EmZD1iJTIxbWFpYm8tNTlZRWlWU2lDeFlQY3NPdk5HSnhqNHhieE5wWW5od0EzTVBMaUIzX2NIRTJVR1NMMkpXbkI5djJPNCZmPTAxUFFLVkNTNlZRTElWUVRNNExGQ1lKUVE0VUVaUDVNV08mYz0lMkYlM0ZtaW5pZmllZCUzRGQxOTY3ZTM1LWUyYWMtNGZiMC04YzZmLTY2YWY3OTVmMGJhMyUyNnNlcSUzRDk1ODUmYT1Mb29wQXBwJng9JTdCJTIydyUyMiUzQSUyMlQwUlRVSHh0YVdOeWIzTnZablF1YzJoaGNtVndiMmx1ZEMxa1ppNWpiMjE4WWlGdFlXbGlieTAxT1ZsRmFWWlRhVU40V1ZCamMwOTJUa2RLZUdvMGVHSjRUbkJaYm1oM1FUTk5VRXhwUWpOZlkwaEZNbFZIVTB3eVNsZHVRamwyTWs4MGZEQXhVRkZMVmtOVE5rMUxOVUZMUzBKT1J6UTFSMG8xU2pZM04wSlJOalZSVmxvJTNEJTIyJTJDJTIyaSUyMiUzQSUyMjIwOGIzZTNjLWM3MjctNGFmMS1iMDczLWFiY2VkNzFkMDIwZiUyMiU3RA%3D%3D) Kumo implementation [here](https://dev.azure.com/microsoftaidesign/mai-ui/_git/mai-ui?path=/packages/core/message-bar/src/message-bar.styles.ts) Figma design [here](https://www.figma.com/design/7fOqTs8i4yV6RmfLEniu6K/UXE-MS-Semantic-Design-System?node-id=24189-5750) ## Previous Behavior Used fluentui/tokens ## New Behavior...
Update to semantic tokens where applicable for react-dialog Add fallback values to fluentOverrides Gaps noted [here](https://microsoft.sharepoint-df.com/:fl:/g/contentstorage/CSP_a39ba899-7dee-4860-954a-20b160f72c3a/EdWC0VhNnFlFhMIcoTL-ss4B88HvqMsHDTyy9FxnYReBHQ?e=Nbcufy&nav=cz0lMkZjb250ZW50c3RvcmFnZSUyRkNTUF9hMzliYTg5OS03ZGVlLTQ4NjAtOTU0YS0yMGIxNjBmNzJjM2EmZD1iJTIxbWFpYm8tNTlZRWlWU2lDeFlQY3NPdk5HSnhqNHhieE5wWW5od0EzTVBMaUIzX2NIRTJVR1NMMkpXbkI5djJPNCZmPTAxUFFLVkNTNlZRTElWUVRNNExGQ1lKUVE0VUVaUDVNV08mYz0lMkYlM0ZtaW5pZmllZCUzRGQ5NjNiOTRlLTdlYjktNGY0Ny04ZjBhLTM5YzZmZDNkMDcxNyUyNnNlcSUzRDY2NTkmYT1Mb29wQXBwJng9JTdCJTIydyUyMiUzQSUyMlQwUlRVSHh0YVdOeWIzTnZablF1YzJoaGNtVndiMmx1ZEMxa1ppNWpiMjE4WWlGdFlXbGlieTAxT1ZsRmFWWlRhVU40V1ZCamMwOTJUa2RLZUdvMGVHSjRUbkJaYm1oM1FUTk5VRXhwUWpOZlkwaEZNbFZIVTB3eVNsZHVRamwyTWs4MGZEQXhVRkZMVmtOVE5rMUxOVUZMUzBKT1J6UTFSMG8xU2pZM04wSlJOalZSVmxvJTNEJTIyJTJDJTIyaSUyMiUzQSUyMjIwOGIzZTNjLWM3MjctNGFmMS1iMDczLWFiY2VkNzFkMDIwZiUyMiU3RA%3D%3D) Kumo implementation [here](https://dev.azure.com/microsoftaidesign/mai-ui/_git/mai-ui?path=/packages/core/dialog-body/src/dialog-body.styles.ts) ## Previous Behavior Used fluentui/tokens ## New Behavior Uses fluentui/semantic-tokens if...