@fluentui/react-components 9.0.0-rc.8 → 9.0.1

package/lib-commonjs/index.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AccordionItemContext = exports.AccordionItem = exports.AccordionHeader = exports.AccordionContext = exports.Accordion = exports.useSSRContext = exports.useMergedRefs = exports.useIsSSR = exports.useId = exports.SSRProvider = exports.resolveShorthand = exports.resetIdsForTests = exports.getSlots = exports.getPartitionedNativeProps = exports.getNativeProps = exports.getNativeElementProps = exports.webLightTheme = exports.webHighContrastTheme = exports.webDarkTheme = exports.tokens = exports.teamsLightTheme = exports.teamsHighContrastTheme = exports.teamsDarkTheme = exports.themeToTokensObject = exports.createTeamsDarkTheme = exports.createLightTheme = exports.createHighContrastTheme = exports.createDarkTheme = exports.useModalAttributes = exports.useKeyboardNavAttribute = exports.useFocusFinders = exports.useFocusableGroup = exports.useArrowNavigationGroup = exports.createCustomFocusIndicatorStyle = exports.useFluentProviderStyles_unstable = exports.useFluentProviderContextValues_unstable = exports.useFluentProvider_unstable = exports.useFluent = exports.renderFluentProvider_unstable = exports.fluentProviderClassNames = exports.fluentProviderClassName = exports.FluentProvider = exports.shorthands = exports.renderToStyleElements = exports.mergeClasses = exports.makeStyles = exports.makeStaticStyles = exports.createDOMRenderer = exports.__styles = exports.RendererProvider = void 0;
-exports.SplitButton = exports.MenuButton = exports.CompoundButton = exports.Button = exports.usePresenceBadge_unstable = exports.useCounterBadgeStyles_unstable = exports.useCounterBadge_unstable = exports.useBadgeStyles_unstable = exports.useBadge_unstable = exports.renderBadge_unstable = exports.presenceBadgeClassNames = exports.counterBadgeClassNames = exports.badgeClassNames = exports.presenceBadgeClassName = exports.counterBadgeClassName = exports.badgeClassName = exports.PresenceBadge = exports.CounterBadge = exports.Badge = exports.useAvatarStyles_unstable = exports.useAvatar_unstable = exports.renderAvatar_unstable = exports.avatarClassNames = exports.avatarClassName = exports.Avatar = exports.useAccordionStyles_unstable = exports.useAccordionPanelStyles_unstable = exports.useAccordionPanel_unstable = exports.useAccordionItemStyles_unstable = exports.useAccordionItemContextValues_unstable = exports.useAccordionItemContext_unstable = exports.useAccordionItem_unstable = exports.useAccordionHeaderStyles_unstable = exports.useAccordionHeaderContextValues_unstable = exports.useAccordionHeader_unstable = exports.useAccordionContextValues_unstable = exports.useAccordion_unstable = exports.renderAccordionPanel_unstable = exports.renderAccordionItem_unstable = exports.renderAccordionHeader_unstable = exports.renderAccordion_unstable = exports.accordionPanelClassNames = exports.accordionItemClassNames = exports.accordionHeaderClassNames = exports.accordionClassNames = exports.accordionPanelClassName = exports.accordionItemClassName = exports.accordionHeaderClassName = exports.accordionClassName = exports.AccordionPanel = void 0;
-exports.MenuGroup = exports.MenuDivider = exports.MenuContext = exports.Menu = exports.useLinkStyles_unstable = exports.useLinkState_unstable = exports.useLink_unstable = exports.renderLink_unstable = exports.linkClassNames = exports.linkClassName = exports.Link = exports.useImageStyles_unstable = exports.useImage_unstable = exports.renderImage_unstable = exports.imageClassNames = exports.imageClassName = exports.Image = exports.useDividerStyles_unstable = exports.useDivider_unstable = exports.renderDivider_unstable = exports.dividerClassNames = exports.dividerClassName = exports.Divider = exports.useToggleState = exports.useToggleButtonStyles_unstable = exports.useToggleButton_unstable = exports.useSplitButtonStyles_unstable = exports.useSplitButton_unstable = exports.useMenuButtonStyles_unstable = exports.useMenuButton_unstable = exports.useCompoundButtonStyles_unstable = exports.useCompoundButton_unstable = exports.useButtonStyles_unstable = exports.useButton_unstable = exports.toggleButtonClassNames = exports.splitButtonClassNames = exports.toggleButtonClassName = exports.splitButtonClassName = exports.renderToggleButton_unstable = exports.renderSplitButton_unstable = exports.renderMenuButton_unstable = exports.renderCompoundButton_unstable = exports.renderButton_unstable = exports.menuButtonClassNames = exports.compoundButtonClassNames = exports.buttonClassNames = exports.menuButtonClassName = exports.compoundButtonClassName = exports.buttonClassName = exports.ToggleButton = void 0;
-exports.useMenuGroupContext_unstable = exports.useMenuGroup_unstable = exports.useMenuDividerStyles_unstable = exports.useMenuDivider_unstable = exports.useMenuContextValues_unstable = exports.useMenuContext_unstable = exports.useMenu_unstable = exports.useCheckmarkStyles_unstable = exports.renderMenuTrigger_unstable = exports.renderMenuSplitGroup_unstable = exports.renderMenuPopover_unstable = exports.renderMenuList_unstable = exports.renderMenuItemRadio_unstable = exports.renderMenuItemCheckbox_unstable = exports.renderMenuItem_unstable = exports.renderMenuGroupHeader_unstable = exports.renderMenuGroup_unstable = exports.renderMenuDivider_unstable = exports.renderMenu_unstable = exports.menuSplitGroupClassNames = exports.menuPopoverClassNames = exports.menuListClassNames = exports.menuItemRadioClassNames = exports.menuItemClassNames = exports.menuItemCheckboxClassNames = exports.menuGroupHeaderClassNames = exports.menuGroupClassNames = exports.menuDividerClassNames = exports.menuSplitGroupClassName = exports.menuPopoverClassName = exports.menuListClassName = exports.menuItemRadioClassName = exports.menuItemClassName = exports.menuItemCheckboxClassName = exports.menuGroupHeaderClassName = exports.menuGroupClassName = exports.menuDividerClassName = exports.MenuTriggerContextProvider = exports.MenuTrigger = exports.MenuSplitGroup = exports.MenuProvider = exports.MenuPopover = exports.MenuListProvider = exports.MenuListContext = exports.MenuList = exports.MenuItemRadio = exports.MenuItemCheckbox = exports.MenuItem = exports.MenuGroupHeader = exports.MenuGroupContextProvider = void 0;
-exports.Headline = exports.Display = exports.Caption = exports.Body = exports.renderSlider_unstable = exports.useSlider_unstable = exports.useSliderStyles_unstable = exports.useSliderState_unstable = exports.sliderClassNames = exports.Slider = exports.usePortal_unstable = exports.setVirtualParent = exports.renderPortal_unstable = exports.elementContains = exports.Portal = exports.usePopoverTrigger_unstable = exports.usePopoverSurfaceStyles_unstable = exports.usePopoverSurface_unstable = exports.usePopoverContext_unstable = exports.usePopover_unstable = exports.renderPopoverTrigger_unstable = exports.renderPopoverSurface_unstable = exports.renderPopover_unstable = exports.popoverSurfaceClassNames = exports.popoverSurfaceClassName = exports.arrowHeights = exports.PopoverTrigger = exports.PopoverSurface = exports.PopoverContext = exports.Popover = exports.useMenuTriggerContext_unstable = exports.useMenuTrigger_unstable = exports.useMenuSplitGroupStyles_unstable = exports.useMenuSplitGroup_unstable = exports.useMenuPopoverStyles_unstable = exports.useMenuPopover_unstable = exports.useMenuListStyles_unstable = exports.useMenuListContextValues_unstable = exports.useMenuListContext_unstable = exports.useMenuList_unstable = exports.useMenuItemStyles_unstable = exports.useMenuItemRadioStyles_unstable = exports.useMenuItemRadio_unstable = exports.useMenuItemCheckboxStyles_unstable = exports.useMenuItemCheckbox_unstable = exports.useMenuItem_unstable = exports.useMenuGroupStyles_unstable = exports.useMenuGroupHeaderStyles_unstable = exports.useMenuGroupHeader_unstable = exports.useMenuGroupContextValues_unstable = void 0;
-exports.useTooltipStyles_unstable = exports.useTooltip_unstable = exports.tooltipClassNames = exports.tooltipClassName = exports.renderTooltip_unstable = exports.Tooltip = exports.useTextStyles_unstable = exports.useText_unstable = exports.title3ClassNames = exports.title2ClassNames = exports.title1ClassNames = exports.textClassNames = exports.subheadlineClassNames = exports.title3ClassName = exports.title2ClassName = exports.title1ClassName = exports.textClassName = exports.subheadlineClassName = exports.renderText_unstable = exports.largeTitleClassNames = exports.headlineClassNames = exports.displayClassNames = exports.captionClassNames = exports.bodyClassNames = exports.largeTitleClassName = exports.headlineClassName = exports.displayClassName = exports.captionClassName = exports.bodyClassName = exports.Title3 = exports.Title2 = exports.Title1 = exports.Text = exports.Subheadline = exports.LargeTitle = void 0; // Utilities
+exports.getNativeElementProps = exports.useThemeClassName = exports.useTooltipVisibility = exports.useFluent = exports.webLightTheme = exports.webDarkTheme = exports.typographyStyles = exports.tokens = exports.teamsLightTheme = exports.teamsHighContrastTheme = exports.teamsDarkTheme = exports.themeToTokensObject = exports.createTeamsDarkTheme = exports.createLightTheme = exports.createHighContrastTheme = exports.createDarkTheme = exports.useModalAttributes = exports.useKeyboardNavAttribute = exports.useFocusFinders = exports.useFocusableGroup = exports.useArrowNavigationGroup = exports.createFocusOutlineStyle = exports.createCustomFocusIndicatorStyle = exports.useRadioStyles_unstable = exports.useRadioGroupStyles_unstable = exports.useRadioGroup_unstable = exports.useRadioGroupContextValues = exports.useRadioGroupContext_unstable = exports.useRadio_unstable = exports.renderRadioGroup_unstable = exports.renderRadio_unstable = exports.radioGroupClassNames = exports.RadioGroupProvider = exports.RadioGroup = exports.radioClassNames = exports.Radio = exports.useFluentProviderStyles_unstable = exports.useFluentProviderContextValues_unstable = exports.useFluentProvider_unstable = exports.renderFluentProvider_unstable = exports.fluentProviderClassNames = exports.FluentProvider = exports.shorthands = exports.renderToStyleElements = exports.mergeClasses = exports.makeStyles = exports.makeStaticStyles = exports.createDOMRenderer = exports.__styles = exports.RendererProvider = void 0;
+exports.useCounterBadge_unstable = exports.useBadgeStyles_unstable = exports.useBadge_unstable = exports.renderBadge_unstable = exports.presenceBadgeClassNames = exports.counterBadgeClassNames = exports.badgeClassNames = exports.PresenceBadge = exports.CounterBadge = exports.Badge = exports.useAvatarStyles_unstable = exports.useAvatar_unstable = exports.renderAvatar_unstable = exports.avatarClassNames = exports.Avatar = exports.useAccordionStyles_unstable = exports.useAccordionPanelStyles_unstable = exports.useAccordionPanel_unstable = exports.useAccordionItemStyles_unstable = exports.useAccordionItemContextValues_unstable = exports.useAccordionItemContext_unstable = exports.useAccordionItem_unstable = exports.useAccordionHeaderStyles_unstable = exports.useAccordionHeaderContextValues_unstable = exports.useAccordionHeader_unstable = exports.useAccordionContextValues_unstable = exports.useAccordionContext_unstable = exports.useAccordion_unstable = exports.renderAccordionPanel_unstable = exports.renderAccordionItem_unstable = exports.renderAccordionHeader_unstable = exports.renderAccordion_unstable = exports.accordionPanelClassNames = exports.accordionItemClassNames = exports.accordionHeaderClassNames = exports.accordionClassNames = exports.AccordionPanel = exports.AccordionItemProvider = exports.AccordionItem = exports.AccordionHeader = exports.AccordionProvider = exports.Accordion = exports.useMergedRefs = exports.useIsSSR = exports.useId = exports.SSRProvider = exports.resolveShorthand = exports.resetIdsForTests = exports.getSlots = exports.getPartitionedNativeProps = void 0;
+exports.labelClassNames = exports.Label = exports.useImageStyles_unstable = exports.useImage_unstable = exports.renderImage_unstable = exports.imageClassNames = exports.Image = exports.useInputStyles_unstable = exports.useInput_unstable = exports.renderInput_unstable = exports.inputClassNames = exports.Input = exports.useDividerStyles_unstable = exports.useDivider_unstable = exports.renderDivider_unstable = exports.dividerClassNames = exports.Divider = exports.useCheckboxStyles_unstable = exports.useCheckbox_unstable = exports.renderCheckbox_unstable = exports.checkboxClassNames = exports.Checkbox = exports.useToggleState = exports.useToggleButtonStyles_unstable = exports.useToggleButton_unstable = exports.useSplitButtonStyles_unstable = exports.useSplitButton_unstable = exports.useMenuButtonStyles_unstable = exports.useMenuButton_unstable = exports.useCompoundButtonStyles_unstable = exports.useCompoundButton_unstable = exports.useButtonStyles_unstable = exports.useButton_unstable = exports.toggleButtonClassNames = exports.splitButtonClassNames = exports.renderToggleButton_unstable = exports.renderSplitButton_unstable = exports.renderMenuButton_unstable = exports.renderCompoundButton_unstable = exports.renderButton_unstable = exports.menuButtonClassNames = exports.compoundButtonClassNames = exports.buttonClassNames = exports.ToggleButton = exports.SplitButton = exports.MenuButton = exports.CompoundButton = exports.Button = exports.usePresenceBadge_unstable = exports.useCounterBadgeStyles_unstable = void 0;
+exports.useMenuDividerStyles_unstable = exports.useMenuDivider_unstable = exports.useMenuContextValues_unstable = exports.useMenuContext_unstable = exports.useMenu_unstable = exports.useCheckmarkStyles_unstable = exports.renderMenuTrigger_unstable = exports.renderMenuSplitGroup_unstable = exports.renderMenuPopover_unstable = exports.renderMenuList_unstable = exports.renderMenuItemRadio_unstable = exports.renderMenuItemCheckbox_unstable = exports.renderMenuItem_unstable = exports.renderMenuGroupHeader_unstable = exports.renderMenuGroup_unstable = exports.renderMenuDivider_unstable = exports.renderMenu_unstable = exports.menuSplitGroupClassNames = exports.menuPopoverClassNames = exports.menuListClassNames = exports.menuItemRadioClassNames = exports.menuItemClassNames = exports.menuItemCheckboxClassNames = exports.menuGroupHeaderClassNames = exports.menuGroupClassNames = exports.menuDividerClassNames = exports.MenuTriggerContextProvider = exports.MenuTrigger = exports.MenuSplitGroup = exports.MenuProvider = exports.MenuPopover = exports.MenuListProvider = exports.MenuList = exports.MenuItemRadio = exports.MenuItemCheckbox = exports.MenuItem = exports.MenuGroupHeader = exports.MenuGroupContextProvider = exports.MenuGroup = exports.MenuDivider = exports.Menu = exports.useLinkStyles_unstable = exports.useLinkState_unstable = exports.useLink_unstable = exports.renderLink_unstable = exports.linkClassNames = exports.Link = exports.useLabelStyles_unstable = exports.useLabel_unstable = exports.renderLabel_unstable = void 0;
+exports.switchClassNames = exports.Switch = exports.useSpinnerStyles_unstable = exports.useSpinner_unstable = exports.renderSpinner_unstable = exports.spinnerClassNames = exports.Spinner = exports.renderSlider_unstable = exports.useSlider_unstable = exports.useSliderStyles_unstable = exports.useSliderState_unstable = exports.sliderCSSVars = exports.sliderClassNames = exports.Slider = exports.usePopoverTrigger_unstable = exports.usePopoverSurfaceStyles_unstable = exports.usePopoverSurface_unstable = exports.usePopoverContext_unstable = exports.usePopover_unstable = exports.renderPopoverTrigger_unstable = exports.renderPopoverSurface_unstable = exports.renderPopover_unstable = exports.popoverSurfaceClassNames = exports.arrowHeights = exports.PopoverTrigger = exports.PopoverProvider = exports.PopoverSurface = exports.Popover = exports.useMenuTriggerContext_unstable = exports.useMenuTrigger_unstable = exports.useMenuSplitGroupStyles_unstable = exports.useMenuSplitGroup_unstable = exports.useMenuPopoverStyles_unstable = exports.useMenuPopover_unstable = exports.useMenuListStyles_unstable = exports.useMenuListContextValues_unstable = exports.useMenuListContext_unstable = exports.useMenuList_unstable = exports.useMenuItemStyles_unstable = exports.useMenuItemRadioStyles_unstable = exports.useMenuItemRadio_unstable = exports.useMenuItemCheckboxStyles_unstable = exports.useMenuItemCheckbox_unstable = exports.useMenuItem_unstable = exports.useMenuGroupStyles_unstable = exports.useMenuGroupHeaderStyles_unstable = exports.useMenuGroupHeader_unstable = exports.useMenuGroupContextValues_unstable = exports.useMenuGroupContext_unstable = exports.useMenuGroup_unstable = void 0;
+exports.useTooltipStyles_unstable = exports.useTooltip_unstable = exports.tooltipClassNames = exports.renderTooltip_unstable = exports.Tooltip = exports.useTextareaStyles_unstable = exports.useTextarea_unstable = exports.renderTextarea_unstable = exports.textareaClassNames = exports.Textarea = exports.useTextStyles_unstable = exports.useText_unstable = exports.title3ClassNames = exports.title2ClassNames = exports.title1ClassNames = exports.textClassNames = exports.subtitle2ClassNames = exports.renderText_unstable = exports.largeTitleClassNames = exports.subtitle1ClassNames = exports.displayClassNames = exports.caption2ClassNames = exports.caption1ClassNames = exports.body1ClassNames = exports.Title3 = exports.Title2 = exports.Title1 = exports.Text = exports.Subtitle2 = exports.LargeTitle = exports.Subtitle1 = exports.Display = exports.Caption2 = exports.Caption1 = exports.Body1 = exports.useTabList_unstable = exports.useTabListStyles_unstable = exports.tabListClassNames = exports.TabList = exports.renderTabList_unstable = exports.useTab_unstable = exports.useTabStyles_unstable = exports.tabClassNames = exports.Tab = exports.renderTab_unstable = exports.useSwitchStyles_unstable = exports.useSwitch_unstable = exports.renderSwitch_unstable = void 0; // Utilities
 
 var react_1 = /*#__PURE__*/require("@griffel/react");
 
@@ -69,14 +69,6 @@ Object.defineProperty(exports, "FluentProvider", {
     return react_provider_1.FluentProvider;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "fluentProviderClassName", {
-  enumerable: true,
-  get: function () {
-    return react_provider_1.fluentProviderClassName;
-  }
-});
 Object.defineProperty(exports, "fluentProviderClassNames", {
   enumerable: true,
   get: function () {
@@ -89,12 +81,6 @@ Object.defineProperty(exports, "renderFluentProvider_unstable", {
     return react_provider_1.renderFluentProvider_unstable;
   }
 });
-Object.defineProperty(exports, "useFluent", {
-  enumerable: true,
-  get: function () {
-    return react_provider_1.useFluent;
-  }
-});
 Object.defineProperty(exports, "useFluentProvider_unstable", {
   enumerable: true,
   get: function () {
@@ -114,6 +100,87 @@ Object.defineProperty(exports, "useFluentProviderStyles_unstable", {
   }
 });
 
+var react_radio_1 = /*#__PURE__*/require("@fluentui/react-radio");
+
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function () {
+    return react_radio_1.Radio;
+  }
+});
+Object.defineProperty(exports, "radioClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_radio_1.radioClassNames;
+  }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function () {
+    return react_radio_1.RadioGroup;
+  }
+});
+Object.defineProperty(exports, "RadioGroupProvider", {
+  enumerable: true,
+  get: function () {
+    return react_radio_1.RadioGroupProvider;
+  }
+});
+Object.defineProperty(exports, "radioGroupClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_radio_1.radioGroupClassNames;
+  }
+});
+Object.defineProperty(exports, "renderRadio_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_radio_1.renderRadio_unstable;
+  }
+});
+Object.defineProperty(exports, "renderRadioGroup_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_radio_1.renderRadioGroup_unstable;
+  }
+});
+Object.defineProperty(exports, "useRadio_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_radio_1.useRadio_unstable;
+  }
+});
+Object.defineProperty(exports, "useRadioGroupContext_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_radio_1.useRadioGroupContext_unstable;
+  }
+});
+Object.defineProperty(exports, "useRadioGroupContextValues", {
+  enumerable: true,
+  get: function () {
+    return react_radio_1.useRadioGroupContextValues;
+  }
+});
+Object.defineProperty(exports, "useRadioGroup_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_radio_1.useRadioGroup_unstable;
+  }
+});
+Object.defineProperty(exports, "useRadioGroupStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_radio_1.useRadioGroupStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useRadioStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_radio_1.useRadioStyles_unstable;
+  }
+});
+
 var react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
 
 Object.defineProperty(exports, "createCustomFocusIndicatorStyle", {
@@ -122,6 +189,12 @@ Object.defineProperty(exports, "createCustomFocusIndicatorStyle", {
     return react_tabster_1.createCustomFocusIndicatorStyle;
   }
 });
+Object.defineProperty(exports, "createFocusOutlineStyle", {
+  enumerable: true,
+  get: function () {
+    return react_tabster_1.createFocusOutlineStyle;
+  }
+});
 Object.defineProperty(exports, "useArrowNavigationGroup", {
   enumerable: true,
   get: function () {
@@ -209,16 +282,16 @@ Object.defineProperty(exports, "tokens", {
     return react_theme_1.tokens;
   }
 });
-Object.defineProperty(exports, "webDarkTheme", {
+Object.defineProperty(exports, "typographyStyles", {
   enumerable: true,
   get: function () {
-    return react_theme_1.webDarkTheme;
+    return react_theme_1.typographyStyles;
   }
 });
-Object.defineProperty(exports, "webHighContrastTheme", {
+Object.defineProperty(exports, "webDarkTheme", {
   enumerable: true,
   get: function () {
-    return react_theme_1.webHighContrastTheme;
+    return react_theme_1.webDarkTheme;
   }
 });
 Object.defineProperty(exports, "webLightTheme", {
@@ -228,18 +301,33 @@ Object.defineProperty(exports, "webLightTheme", {
   }
 });
 
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+var react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
 
-Object.defineProperty(exports, "getNativeElementProps", {
+Object.defineProperty(exports, "useFluent", {
   enumerable: true,
   get: function () {
-    return react_utilities_1.getNativeElementProps;
+    return react_shared_contexts_1.useFluent_unstable;
+  }
+});
+Object.defineProperty(exports, "useTooltipVisibility", {
+  enumerable: true,
+  get: function () {
+    return react_shared_contexts_1.useTooltipVisibility_unstable;
   }
 });
-Object.defineProperty(exports, "getNativeProps", {
+Object.defineProperty(exports, "useThemeClassName", {
   enumerable: true,
   get: function () {
-    return react_utilities_1.getNativeProps;
+    return react_shared_contexts_1.useThemeClassName_unstable;
+  }
+});
+
+var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+
+Object.defineProperty(exports, "getNativeElementProps", {
+  enumerable: true,
+  get: function () {
+    return react_utilities_1.getNativeElementProps;
   }
 });
 Object.defineProperty(exports, "getPartitionedNativeProps", {
@@ -289,12 +377,6 @@ Object.defineProperty(exports, "useMergedRefs", {
   get: function () {
     return react_utilities_1.useMergedRefs;
   }
-});
-Object.defineProperty(exports, "useSSRContext", {
-  enumerable: true,
-  get: function () {
-    return react_utilities_1.useSSRContext;
-  }
 }); // Components
 
 var react_accordion_1 = /*#__PURE__*/require("@fluentui/react-accordion");
@@ -305,10 +387,10 @@ Object.defineProperty(exports, "Accordion", {
     return react_accordion_1.Accordion;
   }
 });
-Object.defineProperty(exports, "AccordionContext", {
+Object.defineProperty(exports, "AccordionProvider", {
   enumerable: true,
   get: function () {
-    return react_accordion_1.AccordionContext;
+    return react_accordion_1.AccordionProvider;
   }
 });
 Object.defineProperty(exports, "AccordionHeader", {
@@ -323,10 +405,10 @@ Object.defineProperty(exports, "AccordionItem", {
     return react_accordion_1.AccordionItem;
   }
 });
-Object.defineProperty(exports, "AccordionItemContext", {
+Object.defineProperty(exports, "AccordionItemProvider", {
   enumerable: true,
   get: function () {
-    return react_accordion_1.AccordionItemContext;
+    return react_accordion_1.AccordionItemProvider;
   }
 });
 Object.defineProperty(exports, "AccordionPanel", {
@@ -335,38 +417,6 @@ Object.defineProperty(exports, "AccordionPanel", {
     return react_accordion_1.AccordionPanel;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "accordionClassName", {
-  enumerable: true,
-  get: function () {
-    return react_accordion_1.accordionClassName;
-  }
-});
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "accordionHeaderClassName", {
-  enumerable: true,
-  get: function () {
-    return react_accordion_1.accordionHeaderClassName;
-  }
-});
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "accordionItemClassName", {
-  enumerable: true,
-  get: function () {
-    return react_accordion_1.accordionItemClassName;
-  }
-});
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "accordionPanelClassName", {
-  enumerable: true,
-  get: function () {
-    return react_accordion_1.accordionPanelClassName;
-  }
-});
 Object.defineProperty(exports, "accordionClassNames", {
   enumerable: true,
   get: function () {
@@ -421,6 +471,12 @@ Object.defineProperty(exports, "useAccordion_unstable", {
     return react_accordion_1.useAccordion_unstable;
   }
 });
+Object.defineProperty(exports, "useAccordionContext_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_accordion_1.useAccordionContext_unstable;
+  }
+});
 Object.defineProperty(exports, "useAccordionContextValues_unstable", {
   enumerable: true,
   get: function () {
@@ -496,14 +552,6 @@ Object.defineProperty(exports, "Avatar", {
     return react_avatar_1.Avatar;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "avatarClassName", {
-  enumerable: true,
-  get: function () {
-    return react_avatar_1.avatarClassName;
-  }
-});
 Object.defineProperty(exports, "avatarClassNames", {
   enumerable: true,
   get: function () {
@@ -549,30 +597,6 @@ Object.defineProperty(exports, "PresenceBadge", {
     return react_badge_1.PresenceBadge;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "badgeClassName", {
-  enumerable: true,
-  get: function () {
-    return react_badge_1.badgeClassName;
-  }
-});
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "counterBadgeClassName", {
-  enumerable: true,
-  get: function () {
-    return react_badge_1.counterBadgeClassName;
-  }
-});
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "presenceBadgeClassName", {
-  enumerable: true,
-  get: function () {
-    return react_badge_1.presenceBadgeClassName;
-  }
-});
 Object.defineProperty(exports, "badgeClassNames", {
   enumerable: true,
   get: function () {
@@ -660,30 +684,6 @@ Object.defineProperty(exports, "ToggleButton", {
     return react_button_1.ToggleButton;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "buttonClassName", {
-  enumerable: true,
-  get: function () {
-    return react_button_1.buttonClassName;
-  }
-});
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "compoundButtonClassName", {
-  enumerable: true,
-  get: function () {
-    return react_button_1.compoundButtonClassName;
-  }
-});
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "menuButtonClassName", {
-  enumerable: true,
-  get: function () {
-    return react_button_1.menuButtonClassName;
-  }
-});
 Object.defineProperty(exports, "buttonClassNames", {
   enumerable: true,
   get: function () {
@@ -732,22 +732,6 @@ Object.defineProperty(exports, "renderToggleButton_unstable", {
     return react_button_1.renderToggleButton_unstable;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "splitButtonClassName", {
-  enumerable: true,
-  get: function () {
-    return react_button_1.splitButtonClassName;
-  }
-});
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "toggleButtonClassName", {
-  enumerable: true,
-  get: function () {
-    return react_button_1.toggleButtonClassName;
-  }
-});
 Object.defineProperty(exports, "splitButtonClassNames", {
   enumerable: true,
   get: function () {
@@ -827,20 +811,45 @@ Object.defineProperty(exports, "useToggleState", {
   }
 });
 
-var react_divider_1 = /*#__PURE__*/require("@fluentui/react-divider");
+var react_checkbox_1 = /*#__PURE__*/require("@fluentui/react-checkbox");
 
-Object.defineProperty(exports, "Divider", {
+Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function () {
-    return react_divider_1.Divider;
+    return react_checkbox_1.Checkbox;
+  }
+});
+Object.defineProperty(exports, "checkboxClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_checkbox_1.checkboxClassNames;
+  }
+});
+Object.defineProperty(exports, "renderCheckbox_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_checkbox_1.renderCheckbox_unstable;
+  }
+});
+Object.defineProperty(exports, "useCheckbox_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_checkbox_1.useCheckbox_unstable;
+  }
+});
+Object.defineProperty(exports, "useCheckboxStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_checkbox_1.useCheckboxStyles_unstable;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
 
-Object.defineProperty(exports, "dividerClassName", {
+var react_divider_1 = /*#__PURE__*/require("@fluentui/react-divider");
+
+Object.defineProperty(exports, "Divider", {
   enumerable: true,
   get: function () {
-    return react_divider_1.dividerClassName;
+    return react_divider_1.Divider;
   }
 });
 Object.defineProperty(exports, "dividerClassNames", {
@@ -868,20 +877,45 @@ Object.defineProperty(exports, "useDividerStyles_unstable", {
   }
 });
 
-var react_image_1 = /*#__PURE__*/require("@fluentui/react-image");
+var react_input_1 = /*#__PURE__*/require("@fluentui/react-input");
 
-Object.defineProperty(exports, "Image", {
+Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function () {
-    return react_image_1.Image;
+    return react_input_1.Input;
+  }
+});
+Object.defineProperty(exports, "inputClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_input_1.inputClassNames;
+  }
+});
+Object.defineProperty(exports, "renderInput_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_input_1.renderInput_unstable;
+  }
+});
+Object.defineProperty(exports, "useInput_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_input_1.useInput_unstable;
+  }
+});
+Object.defineProperty(exports, "useInputStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_input_1.useInputStyles_unstable;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
 
-Object.defineProperty(exports, "imageClassName", {
+var react_image_1 = /*#__PURE__*/require("@fluentui/react-image");
+
+Object.defineProperty(exports, "Image", {
   enumerable: true,
   get: function () {
-    return react_image_1.imageClassName;
+    return react_image_1.Image;
   }
 });
 Object.defineProperty(exports, "imageClassNames", {
@@ -909,20 +943,45 @@ Object.defineProperty(exports, "useImageStyles_unstable", {
   }
 });
 
-var react_link_1 = /*#__PURE__*/require("@fluentui/react-link");
+var react_label_1 = /*#__PURE__*/require("@fluentui/react-label");
 
-Object.defineProperty(exports, "Link", {
+Object.defineProperty(exports, "Label", {
   enumerable: true,
   get: function () {
-    return react_link_1.Link;
+    return react_label_1.Label;
+  }
+});
+Object.defineProperty(exports, "labelClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_label_1.labelClassNames;
+  }
+});
+Object.defineProperty(exports, "renderLabel_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_label_1.renderLabel_unstable;
+  }
+});
+Object.defineProperty(exports, "useLabel_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_label_1.useLabel_unstable;
+  }
+});
+Object.defineProperty(exports, "useLabelStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_label_1.useLabelStyles_unstable;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
 
-Object.defineProperty(exports, "linkClassName", {
+var react_link_1 = /*#__PURE__*/require("@fluentui/react-link");
+
+Object.defineProperty(exports, "Link", {
   enumerable: true,
   get: function () {
-    return react_link_1.linkClassName;
+    return react_link_1.Link;
   }
 });
 Object.defineProperty(exports, "linkClassNames", {
@@ -964,12 +1023,6 @@ Object.defineProperty(exports, "Menu", {
     return react_menu_1.Menu;
   }
 });
-Object.defineProperty(exports, "MenuContext", {
-  enumerable: true,
-  get: function () {
-    return react_menu_1.MenuContext;
-  }
-});
 Object.defineProperty(exports, "MenuDivider", {
   enumerable: true,
   get: function () {
@@ -1018,12 +1071,6 @@ Object.defineProperty(exports, "MenuList", {
     return react_menu_1.MenuList;
   }
 });
-Object.defineProperty(exports, "MenuListContext", {
-  enumerable: true,
-  get: function () {
-    return react_menu_1.MenuListContext;
-  }
-});
 Object.defineProperty(exports, "MenuListProvider", {
   enumerable: true,
   get: function () {
@@ -1060,78 +1107,6 @@ Object.defineProperty(exports, "MenuTriggerContextProvider", {
     return react_menu_1.MenuTriggerContextProvider;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "menuDividerClassName", {
-  enumerable: true,
-  get: function () {
-    return react_menu_1.menuDividerClassName;
-  }
-});
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "menuGroupClassName", {
-  enumerable: true,
-  get: function () {
-    return react_menu_1.menuGroupClassName;
-  }
-});
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "menuGroupHeaderClassName", {
-  enumerable: true,
-  get: function () {
-    return react_menu_1.menuGroupHeaderClassName;
-  }
-});
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "menuItemCheckboxClassName", {
-  enumerable: true,
-  get: function () {
-    return react_menu_1.menuItemCheckboxClassName;
-  }
-});
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "menuItemClassName", {
-  enumerable: true,
-  get: function () {
-    return react_menu_1.menuItemClassName;
-  }
-});
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "menuItemRadioClassName", {
-  enumerable: true,
-  get: function () {
-    return react_menu_1.menuItemRadioClassName;
-  }
-});
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "menuListClassName", {
-  enumerable: true,
-  get: function () {
-    return react_menu_1.menuListClassName;
-  }
-});
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "menuPopoverClassName", {
-  enumerable: true,
-  get: function () {
-    return react_menu_1.menuPopoverClassName;
-  }
-});
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "menuSplitGroupClassName", {
-  enumerable: true,
-  get: function () {
-    return react_menu_1.menuSplitGroupClassName;
-  }
-});
 Object.defineProperty(exports, "menuDividerClassNames", {
   enumerable: true,
   get: function () {
@@ -1429,16 +1404,16 @@ Object.defineProperty(exports, "Popover", {
     return react_popover_1.Popover;
   }
 });
-Object.defineProperty(exports, "PopoverContext", {
+Object.defineProperty(exports, "PopoverSurface", {
   enumerable: true,
   get: function () {
-    return react_popover_1.PopoverContext;
+    return react_popover_1.PopoverSurface;
   }
 });
-Object.defineProperty(exports, "PopoverSurface", {
+Object.defineProperty(exports, "PopoverProvider", {
   enumerable: true,
   get: function () {
-    return react_popover_1.PopoverSurface;
+    return react_popover_1.PopoverProvider;
   }
 });
 Object.defineProperty(exports, "PopoverTrigger", {
@@ -1453,14 +1428,6 @@ Object.defineProperty(exports, "arrowHeights", {
     return react_popover_1.arrowHeights;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "popoverSurfaceClassName", {
-  enumerable: true,
-  get: function () {
-    return react_popover_1.popoverSurfaceClassName;
-  }
-});
 Object.defineProperty(exports, "popoverSurfaceClassNames", {
   enumerable: true,
   get: function () {
@@ -1516,260 +1483,294 @@ Object.defineProperty(exports, "usePopoverTrigger_unstable", {
   }
 });
 
-var react_portal_1 = /*#__PURE__*/require("@fluentui/react-portal");
+var react_slider_1 = /*#__PURE__*/require("@fluentui/react-slider");
 
-Object.defineProperty(exports, "Portal", {
+Object.defineProperty(exports, "Slider", {
   enumerable: true,
   get: function () {
-    return react_portal_1.Portal;
+    return react_slider_1.Slider;
+  }
+});
+Object.defineProperty(exports, "sliderClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_slider_1.sliderClassNames;
   }
 });
-Object.defineProperty(exports, "elementContains", {
+Object.defineProperty(exports, "sliderCSSVars", {
   enumerable: true,
   get: function () {
-    return react_portal_1.elementContains;
+    return react_slider_1.sliderCSSVars;
+  }
+});
+Object.defineProperty(exports, "useSliderState_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_slider_1.useSliderState_unstable;
   }
 });
-Object.defineProperty(exports, "renderPortal_unstable", {
+Object.defineProperty(exports, "useSliderStyles_unstable", {
   enumerable: true,
   get: function () {
-    return react_portal_1.renderPortal_unstable;
+    return react_slider_1.useSliderStyles_unstable;
   }
 });
-Object.defineProperty(exports, "setVirtualParent", {
+Object.defineProperty(exports, "useSlider_unstable", {
   enumerable: true,
   get: function () {
-    return react_portal_1.setVirtualParent;
+    return react_slider_1.useSlider_unstable;
   }
 });
-Object.defineProperty(exports, "usePortal_unstable", {
+Object.defineProperty(exports, "renderSlider_unstable", {
   enumerable: true,
   get: function () {
-    return react_portal_1.usePortal_unstable;
+    return react_slider_1.renderSlider_unstable;
   }
 });
 
-var react_slider_1 = /*#__PURE__*/require("@fluentui/react-slider");
+var react_spinner_1 = /*#__PURE__*/require("@fluentui/react-spinner");
 
-Object.defineProperty(exports, "Slider", {
+Object.defineProperty(exports, "Spinner", {
   enumerable: true,
   get: function () {
-    return react_slider_1.Slider;
+    return react_spinner_1.Spinner;
   }
 });
-Object.defineProperty(exports, "sliderClassNames", {
+Object.defineProperty(exports, "spinnerClassNames", {
   enumerable: true,
   get: function () {
-    return react_slider_1.sliderClassNames;
+    return react_spinner_1.spinnerClassNames;
   }
 });
-Object.defineProperty(exports, "useSliderState_unstable", {
+Object.defineProperty(exports, "renderSpinner_unstable", {
   enumerable: true,
   get: function () {
-    return react_slider_1.useSliderState_unstable;
+    return react_spinner_1.renderSpinner_unstable;
   }
 });
-Object.defineProperty(exports, "useSliderStyles_unstable", {
+Object.defineProperty(exports, "useSpinner_unstable", {
   enumerable: true,
   get: function () {
-    return react_slider_1.useSliderStyles_unstable;
+    return react_spinner_1.useSpinner_unstable;
   }
 });
-Object.defineProperty(exports, "useSlider_unstable", {
+Object.defineProperty(exports, "useSpinnerStyles_unstable", {
   enumerable: true,
   get: function () {
-    return react_slider_1.useSlider_unstable;
+    return react_spinner_1.useSpinnerStyles_unstable;
   }
 });
-Object.defineProperty(exports, "renderSlider_unstable", {
+
+var react_switch_1 = /*#__PURE__*/require("@fluentui/react-switch");
+
+Object.defineProperty(exports, "Switch", {
   enumerable: true,
   get: function () {
-    return react_slider_1.renderSlider_unstable;
+    return react_switch_1.Switch;
+  }
+});
+Object.defineProperty(exports, "switchClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_switch_1.switchClassNames;
+  }
+});
+Object.defineProperty(exports, "renderSwitch_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_switch_1.renderSwitch_unstable;
+  }
+});
+Object.defineProperty(exports, "useSwitch_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_switch_1.useSwitch_unstable;
+  }
+});
+Object.defineProperty(exports, "useSwitchStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_switch_1.useSwitchStyles_unstable;
   }
 });
 
-var react_text_1 = /*#__PURE__*/require("@fluentui/react-text");
+var react_tabs_1 = /*#__PURE__*/require("@fluentui/react-tabs");
 
-Object.defineProperty(exports, "Body", {
+Object.defineProperty(exports, "renderTab_unstable", {
   enumerable: true,
   get: function () {
-    return react_text_1.Body;
+    return react_tabs_1.renderTab_unstable;
   }
 });
-Object.defineProperty(exports, "Caption", {
+Object.defineProperty(exports, "Tab", {
   enumerable: true,
   get: function () {
-    return react_text_1.Caption;
+    return react_tabs_1.Tab;
   }
 });
-Object.defineProperty(exports, "Display", {
+Object.defineProperty(exports, "tabClassNames", {
   enumerable: true,
   get: function () {
-    return react_text_1.Display;
+    return react_tabs_1.tabClassNames;
   }
 });
-Object.defineProperty(exports, "Headline", {
+Object.defineProperty(exports, "useTabStyles_unstable", {
   enumerable: true,
   get: function () {
-    return react_text_1.Headline;
+    return react_tabs_1.useTabStyles_unstable;
   }
 });
-Object.defineProperty(exports, "LargeTitle", {
+Object.defineProperty(exports, "useTab_unstable", {
   enumerable: true,
   get: function () {
-    return react_text_1.LargeTitle;
+    return react_tabs_1.useTab_unstable;
   }
 });
-Object.defineProperty(exports, "Subheadline", {
+Object.defineProperty(exports, "renderTabList_unstable", {
   enumerable: true,
   get: function () {
-    return react_text_1.Subheadline;
+    return react_tabs_1.renderTabList_unstable;
   }
 });
-Object.defineProperty(exports, "Text", {
+Object.defineProperty(exports, "TabList", {
   enumerable: true,
   get: function () {
-    return react_text_1.Text;
+    return react_tabs_1.TabList;
   }
 });
-Object.defineProperty(exports, "Title1", {
+Object.defineProperty(exports, "tabListClassNames", {
   enumerable: true,
   get: function () {
-    return react_text_1.Title1;
+    return react_tabs_1.tabListClassNames;
   }
 });
-Object.defineProperty(exports, "Title2", {
+Object.defineProperty(exports, "useTabListStyles_unstable", {
   enumerable: true,
   get: function () {
-    return react_text_1.Title2;
+    return react_tabs_1.useTabListStyles_unstable;
   }
 });
-Object.defineProperty(exports, "Title3", {
+Object.defineProperty(exports, "useTabList_unstable", {
   enumerable: true,
   get: function () {
-    return react_text_1.Title3;
+    return react_tabs_1.useTabList_unstable;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
 
-Object.defineProperty(exports, "bodyClassName", {
+var react_text_1 = /*#__PURE__*/require("@fluentui/react-text");
+
+Object.defineProperty(exports, "Body1", {
   enumerable: true,
   get: function () {
-    return react_text_1.bodyClassName;
+    return react_text_1.Body1;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "captionClassName", {
+Object.defineProperty(exports, "Caption1", {
   enumerable: true,
   get: function () {
-    return react_text_1.captionClassName;
+    return react_text_1.Caption1;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "displayClassName", {
+Object.defineProperty(exports, "Caption2", {
   enumerable: true,
   get: function () {
-    return react_text_1.displayClassName;
+    return react_text_1.Caption2;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "headlineClassName", {
+Object.defineProperty(exports, "Display", {
   enumerable: true,
   get: function () {
-    return react_text_1.headlineClassName;
+    return react_text_1.Display;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "largeTitleClassName", {
+Object.defineProperty(exports, "Subtitle1", {
   enumerable: true,
   get: function () {
-    return react_text_1.largeTitleClassName;
+    return react_text_1.Subtitle1;
   }
 });
-Object.defineProperty(exports, "bodyClassNames", {
+Object.defineProperty(exports, "LargeTitle", {
   enumerable: true,
   get: function () {
-    return react_text_1.bodyClassNames;
+    return react_text_1.LargeTitle;
   }
 });
-Object.defineProperty(exports, "captionClassNames", {
+Object.defineProperty(exports, "Subtitle2", {
   enumerable: true,
   get: function () {
-    return react_text_1.captionClassNames;
+    return react_text_1.Subtitle2;
   }
 });
-Object.defineProperty(exports, "displayClassNames", {
+Object.defineProperty(exports, "Text", {
   enumerable: true,
   get: function () {
-    return react_text_1.displayClassNames;
+    return react_text_1.Text;
   }
 });
-Object.defineProperty(exports, "headlineClassNames", {
+Object.defineProperty(exports, "Title1", {
   enumerable: true,
   get: function () {
-    return react_text_1.headlineClassNames;
+    return react_text_1.Title1;
   }
 });
-Object.defineProperty(exports, "largeTitleClassNames", {
+Object.defineProperty(exports, "Title2", {
   enumerable: true,
   get: function () {
-    return react_text_1.largeTitleClassNames;
+    return react_text_1.Title2;
   }
 });
-Object.defineProperty(exports, "renderText_unstable", {
+Object.defineProperty(exports, "Title3", {
   enumerable: true,
   get: function () {
-    return react_text_1.renderText_unstable;
+    return react_text_1.Title3;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "subheadlineClassName", {
+Object.defineProperty(exports, "body1ClassNames", {
   enumerable: true,
   get: function () {
-    return react_text_1.subheadlineClassName;
+    return react_text_1.body1ClassNames;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "textClassName", {
+Object.defineProperty(exports, "caption1ClassNames", {
   enumerable: true,
   get: function () {
-    return react_text_1.textClassName;
+    return react_text_1.caption1ClassNames;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "title1ClassName", {
+Object.defineProperty(exports, "caption2ClassNames", {
   enumerable: true,
   get: function () {
-    return react_text_1.title1ClassName;
+    return react_text_1.caption2ClassNames;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "title2ClassName", {
+Object.defineProperty(exports, "displayClassNames", {
   enumerable: true,
   get: function () {
-    return react_text_1.title2ClassName;
+    return react_text_1.displayClassNames;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
-
-Object.defineProperty(exports, "title3ClassName", {
+Object.defineProperty(exports, "subtitle1ClassNames", {
   enumerable: true,
   get: function () {
-    return react_text_1.title3ClassName;
+    return react_text_1.subtitle1ClassNames;
   }
 });
-Object.defineProperty(exports, "subheadlineClassNames", {
+Object.defineProperty(exports, "largeTitleClassNames", {
   enumerable: true,
   get: function () {
-    return react_text_1.subheadlineClassNames;
+    return react_text_1.largeTitleClassNames;
+  }
+});
+Object.defineProperty(exports, "renderText_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_text_1.renderText_unstable;
+  }
+});
+Object.defineProperty(exports, "subtitle2ClassNames", {
+  enumerable: true,
+  get: function () {
+    return react_text_1.subtitle2ClassNames;
   }
 });
 Object.defineProperty(exports, "textClassNames", {
@@ -1809,26 +1810,51 @@ Object.defineProperty(exports, "useTextStyles_unstable", {
   }
 });
 
-var react_tooltip_1 = /*#__PURE__*/require("@fluentui/react-tooltip");
+var react_textarea_1 = /*#__PURE__*/require("@fluentui/react-textarea");
 
-Object.defineProperty(exports, "Tooltip", {
+Object.defineProperty(exports, "Textarea", {
   enumerable: true,
   get: function () {
-    return react_tooltip_1.Tooltip;
+    return react_textarea_1.Textarea;
   }
 });
-Object.defineProperty(exports, "renderTooltip_unstable", {
+Object.defineProperty(exports, "textareaClassNames", {
   enumerable: true,
   get: function () {
-    return react_tooltip_1.renderTooltip_unstable;
+    return react_textarea_1.textareaClassNames;
+  }
+});
+Object.defineProperty(exports, "renderTextarea_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_textarea_1.renderTextarea_unstable;
+  }
+});
+Object.defineProperty(exports, "useTextarea_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_textarea_1.useTextarea_unstable;
+  }
+});
+Object.defineProperty(exports, "useTextareaStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_textarea_1.useTextareaStyles_unstable;
   }
 });
-/* eslint-disable-next-line deprecation/deprecation */
 
-Object.defineProperty(exports, "tooltipClassName", {
+var react_tooltip_1 = /*#__PURE__*/require("@fluentui/react-tooltip");
+
+Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function () {
-    return react_tooltip_1.tooltipClassName;
+    return react_tooltip_1.Tooltip;
+  }
+});
+Object.defineProperty(exports, "renderTooltip_unstable", {
+  enumerable: true,
+  get: function () {
+    return react_tooltip_1.renderTooltip_unstable;
   }
 });
 Object.defineProperty(exports, "tooltipClassNames", {