First step toward supporting Shadow DOM.

…tion

Adds:

- MergeStylesRootContext to act as a "global" context for tracking
  style sheets. This should better enable multi-window scenarios and
  widgets.
- MergeStylesShadowRootContext to act as a proxy for the shadow root.

…ntation (microsoft#28906)

* feat: update mergeStyles to support shadow DOM

NOTE: this is stil a work in progress.

- Refactors Stylesheet.ts to support shadow DOM
- Adds React context and hooks for opting in to
  shadow DOM
- Adds an API for projecting styles to child windows.

* refactor and docs

- Refactors stylesheet shadow DOM implementation a bit.
- Adds a new docs page.

* refactor to clean up types

- Fixes various Typescript errors
- Adds APIs to better encapsulate shadow DOM features

* change files

* add pipeline trigger

* update test

* fix typescript error

* improve 'ShadowConfig' check

* export ShadowConfig type

* add constant for '__global__'

* add default ShadowConfig

* remove commented out line

* better change file messages

* remove IStyleSheetKey type

* clean up

* fix import path

* add null checks before inserting styles

* remove commented out code

* refactor IStyleOptions to optionally include shadowConfig

Adds an optional `shadowConfig` object to IStyleOptions. This
allows us to pass the shadow DOM configuration object through to
all the places we need it without modifying APIs to add a parameter
for "shadowConfig".

Aligns naming. Previously we had a type `ShadowConfig` and mostly referred
to objects as "shadowConfig" but there were some instances of "shadowDom".
Everything is now referred to by "shadowConfig/ShadowConfig".

* update styleToClassName tests

* update customizable tests

* update component types for shadow DOM

- remove "shadowDom" prop
- update syles types to include "__shadowConfig__" key

* remove unused variable

* fix types in shadow dom example

* add guard to calling requestAnimationFrame in Stylesheet

This fix is for ssr-tests.

* add Announce context

* changefile

* Update packages/react-components/react-shared-contexts/src/AnnounceContext/AnnounceContext.ts

Co-authored-by: Sarah Higley <smhigley@users.noreply.github.com>

* options fixes

* updated api

* Update packages/react-components/react-shared-contexts/src/AnnounceContext/AnnounceContext.ts

Co-authored-by: ling1726 <lingfangao@hotmail.com>

* remove generic type

---------

Co-authored-by: Sarah Higley <smhigley@users.noreply.github.com>
Co-authored-by: ling1726 <lingfangao@hotmail.com>

…8686)

* color

* fix

…imum (microsoft#28689)

* fix

* f

* test

* clean test

* type test

* feat(FluentProvider): emit errors on duplicate IDs

* rework to properly work in SSR

* Update apps/public-docsite-v9/src/Concepts/AdvancedConfiguration.stories.mdx

Co-authored-by: ling1726 <lingfangao@hotmail.com>

---------

Co-authored-by: ling1726 <lingfangao@hotmail.com>

* Fixing re-render issue for area chart

* Area chart re-render fix

* Fixing re-rendering for GVBC, HBC, Donut and HeatMap

* Fixing the re-render issue for other charts

* Change file

* Updating snapshots

* Resolving build error

* Updating the charts to reduce re-renders

* Fixing build errors

* Merging master and updating snapshots

* Updating snapshots

* Update test

* Fixing build and test errors

* Fixing build and test errors

* Fixing build errors

* Fixing test error

* Removing the test causing error

* Resolving sankey chart test error

* Fixing Sankey chart test failures

* Fixing errors in line chart tests

* Fixing errors

* Fixing test errors

* Removing 2 tests

* Resolving donut test issue

* Removing tests using act in donut chart

* Resetting ids for donut test fix

* Deleting tests causing test errors in PR build

* Updating the charts for empty scenario

* Removing tests that are failing the tests

* Resolving PR comments

* Heatmap test update

* Sparkline test update

…#28698)

* Revert "fix(react-menu): use outline for menuItem focus ring (microsoft#28685)"

This reverts commit 9250428.

* chg

* Adding component test plans for stacked bar chart

* Change file

* Adding few more tests

…microsoft#28600)

* feat(feature-requests): add Priority dropdown to feature request template

* update priority dropdown values

* feat: Improved focus management for toast stack

Adds some extra handling for multiple toasts:

* Arrow key navigation between toasts
* Focus trap within toaster until user Escape dismisses a toast

Focus restoration after dismiss still works in the same way as before.

The focus management is a custom implementation since there is no way
for tabster mover to work within a groupper microsoft/tabster#

* changefile

* Delete and Escape interaction

* changefile

* override user onKeyDown

* update docstring

* handle cleanu

* update name

* use list role

* suggested improvements

* add test

* revert breaking change

* fix

* update snapshot

* fix cypress tests

* Added icon to the BreadcrumbItem

* chore: adds bundle size metrics

* Update change/@fluentui-react-tree-c65bb12d-453d-4ee3-910d-058cfa260cd3.json

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* Update packages/react-components/react-tree/bundle-size/FlatTree.fixture.js

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* Update packages/react-components/react-tree/bundle-size/PersonaFlatTree.fixture.js

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* Update packages/react-components/react-tree/bundle-size/PersonaTree.fixture.js

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

---------

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

…soft#28718)

* fix(EventListener): do not use `defaultProps`

* add changelog

* Made BreadcrumbButton consistent with Item and Link

…ha2 (microsoft#28638)

* feat(tokens): Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2

* change files

* feat(tokens): Add status color tokens

* change files

* bump target in perf-test-react-components to support Object.entries()

* add status tokens to dark and HC

* map danger to cranberry

* add one-off overrides to match the latest design spec

makes AccordionItemValue generic +
adds story for controlled state +
simplifies access to requestToggle by context +
reorganizes context into a separate folder

…pm" in their time format (microsoft#28469)

Save the Date object in each of the ComboBox items used by TimePicker. When a new selection is made, use the Date object itself, rather than parsing the formatted time string.

…sertSlots`) (microsoft#28373)

* feature: implements new slot methods (slot and assertSlots)

* Update change/@fluentui-react-jsx-runtime-d2a505fc-6ffc-4679-aa63-5b29dcc83f7b.json

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* Update change/@fluentui-react-utilities-18c147c2-15a4-428f-89a7-049632ab27fe.json

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* chore: adds tests to slot, isSlot and assertSlots

* chore: updates tests & ensures it doesn't throw in production

* chore: removes metadata symbol

* chore: renames SlotComponent to SlotComponentType
+ removes re-declaring a slot as an option for slot method

* chore: renames required to renderByDefault

* chore: converts slot to a namespace

---------

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* feat: implements nested tree selection

* feat: removes uncontrolled nested selection

* stories

* labels and mini improvements

* content fixes and best practises

* storybook

* rename FlatTree to ComponentName conviction

* tree manipulation example fix lint

* Tree folder for stories

* tree folder

---------

Co-authored-by: petdud <petrduda@microsoft.com>

* chore(teams-prg): migrate to new slot API

* Update packages/react-components/react-menu/src/components/MenuPopover/useMenuPopover.ts

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

* Update packages/react-components/react-toast/src/components/Toaster/useToaster.tsx

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

---------

Co-authored-by: Oleksandr Fediashov <alexander.mcgarret@gmail.com>

…crosoft#28757)

* inifnite scrolling + update actions

* lazy loading and actions

---------

Co-authored-by: petdud <petrduda@microsoft.com>

* Fixed bug with inaccurate calc

…osoft#28495)

* Fix falsy children being conditionally rendered in button icons

* Changefiles

* Updating change file.

* Updating logic in useButtonStyles.

---------

Co-authored-by: Makoto Morimoto <humbertomakotomorimoto@gmail.com>
Co-authored-by: KHMakoto <Humberto.Morimoto@microsoft.com>

…27857)

* Changes for lazy load for hover card and legends

* Change file

* Adding temporary files for measuring LH score for recent changes

* Updating Snapshots

* Fixing build failure after mergin from master and updating snapshots

* Fixing the bug coming due to lazy load and relow changes. Also removing unnecessary changes

* Fixing review comments

* Fixing the VerticalBarChart test mouse event test case.Also Removing the lazy load changes for legends

* Fixing the test cases

* Updating snapshots post merge from master

* Fixing review comment

…#28764)

* fix(Toolbar): remove `items` from `defaultProps`

* add changelog

* feat: Export useEventCallback and mergeCallbacks

Export these utilities so that they can be reused for the
[react-chat component](https://github.com/microsoft/fluentui-contrib/tree/main/packages/react-chat)

* changefile

* fix: made disabled link not focusable

Co-authored-by: Makoto Morimoto <humbertomakotomorimoto@gmail.com>

* feat(tokens): add durationGentle

* change files

…icrosoft#28767)

* Fixed flickering

* Changed files

* Added cy tests

* testing with adding the component to the application

* line chart vr test

* testing for change of vr snapshot

* testing vr-test for nested folder

* testing change in vr

* modified the folder structure to support react-charting in the vr-tests application

* testing for dark mode and rtl cases

* vr-tests for line chart + dark mode changes

* added area chart to vr-tests

* vr-tests fix

* testing for hovered image

* testing for hover effect

* hover event added

* hover effect

* added area chart and line chart with hover effects defined

---------

Co-authored-by: Yush Singla <yushsingla@microsoft.com>
Co-authored-by: yush singla <yuhshsingla@microsoft.com>

* Added mountNode to DatePicker compat

* yarn change

* Update packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts

Co-authored-by: Makoto Morimoto <Humberto.Morimoto@microsoft.com>

* Update packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts

Co-authored-by: Makoto Morimoto <Humberto.Morimoto@microsoft.com>

* Update change/@fluentui-react-datepicker-compat-d51eda0f-25b4-4190-b43a-79e3714272da.json

Co-authored-by: Makoto Morimoto <Humberto.Morimoto@microsoft.com>

* Update packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts

Co-authored-by: Makoto Morimoto <Humberto.Morimoto@microsoft.com>

---------

Co-authored-by: Makoto Morimoto <Humberto.Morimoto@microsoft.com>

* chore(react-tabs): migrate to new slot API

* chore: deprecates contentReservedSpaceClassName

…ufixes (microsoft#28776)

* chore: update stories according to microsoft#28757

* chore: updates documentation

* chore: properly labels stories and adds has actions

* bugfix: aria-checked should be mixed when selection is mixed

* bugfix: aria-selected is required

* chore: adds best practices to aria-selected=true

* bugfix: stop scrolling on Home and End

* chore: updates stories with ARIALive

* Pass-through pointer events in Details Row focus rects

* Update changelogs

* Adding axis title changes

* Adding more changes

* Adding optional axis titles for cartesian charts

* Changing the font tokens

* Updating snapshots

* Changes to reflect few more changes

* Updating tests and few others

* Updating margins

* Updating margins selectively

* Optimizing the rendering for minimum snapshot changes

* Updating the margins

* Fixing typo

+ slot.resolveShorthand consoles error an invalid value

* Removing react testing library from peer dependency

* Adding change file

* Adding as a dev dependency

* Renaming test utility file

Admin-merge due to a phantom conversation that cannot be resolved.

…ue (microsoft#28749)

* Defer tabs rectangle computation only when previousSelectedValue is defined

This change include performance optimizations to compute calculateTabRect computation only when previousSelectedValue is defined. The method calculateTabRect computation triggers force style and layout computation so moving this method behind a condition saves a bit of cost.

Work item: microsoft#28690

* Moving lastAnimatedFrom check to previousSelectedValue place and adding change file

* Adding component tests for Multi Stacked Bar Chart

* Adding few more tests

* Modifying the empty chart check

* Updating snapshots

* Merging master

…osoft#28843)

* reexport

* chg

…nteractionTag's buttons (microsoft#28739)

* fix

* chg

* wip

* story upd

* story upd

* story

* vr

* test

* complete storybook

* story

* polish

* chg

* retry rename file to lowercase

* api

* UT

* fix crud in vr

* fix crud in vr

* migrate to new slot api

* small cleanup

* small cleanup

* small cleanup

* Update packages/react-components/react-tags-preview/src/components/Secondary/Secondary.types.ts

Co-authored-by: Bernardo Sunderhus <bernardo.sunderhus@gmail.com>

* avatar context -> tag avatar context

* api

* add hasSecondaryAction prop

* export context hooks

* rename Primary to InteractionTagPrimary

* rename Secondary to InteractionTagSecondary

* rename cleanup

* update vr test after rename

* todo

* cleanup after rename

* api

---------

Co-authored-by: Bernardo Sunderhus <bernardo.sunderhus@gmail.com>

* Removed iconPosition for BreadcrumbItem

* scaffold nav package and component

* update react-jsx-runtime

* update code owners

* Added case with icon to BreadcrumbItem

* fixed code sandbox erros

* Added CY tests with Menu