@fluentui/react-tooltip 0.0.0-nightlyca6ef2bc8e20220105.1 → 0.0.0-nightlyd45ba4664620220211.1

package/CHANGELOG.json

@@ -2,79 +2,226 @@
   "name": "@fluentui/react-tooltip",
   "entries": [
     {
-      "date": "Wed, 05 Jan 2022 04:18:30 GMT",
-      "tag": "@fluentui/react-tooltip_v0.0.0-nightlyca6ef2bc8e20220105.1",
-      "version": "0.0.0-nightlyca6ef2bc8e20220105.1",
+      "date": "Fri, 11 Feb 2022 04:15:30 GMT",
+      "tag": "@fluentui/react-tooltip_v0.0.0-nightlyd45ba4664620220211.1",
+      "version": "0.0.0-nightlyd45ba4664620220211.1",
       "comments": {
         "prerelease": [
           {
             "author": "email not defined",
             "package": "@fluentui/react-tooltip",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb",
+            "commit": "7a8e7f5eaff83b67d7307566347303c32157ff60",
             "comment": "Release nightly v9"
           },
           {
-            "author": "olfedias@microsoft.com",
+            "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "commit": "1bbb753830028fbf133858d523ae2d56ceefeecf",
-            "comment": "update styles to not use CSS shorthands"
+            "comment": "Bump @fluentui/react-portal to v0.0.0-nightlyd45ba4664620220211.1",
+            "commit": "7a8e7f5eaff83b67d7307566347303c32157ff60"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "comment": "Bump @fluentui/react-positioning to v0.0.0-nightlyd45ba4664620220211.1",
+            "commit": "7a8e7f5eaff83b67d7307566347303c32157ff60"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "comment": "Bump @fluentui/react-portal to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyd45ba4664620220211.1",
+            "commit": "7a8e7f5eaff83b67d7307566347303c32157ff60"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "comment": "Bump @fluentui/react-positioning to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightlyd45ba4664620220211.1",
+            "commit": "7a8e7f5eaff83b67d7307566347303c32157ff60"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyd45ba4664620220211.1",
+            "commit": "7a8e7f5eaff83b67d7307566347303c32157ff60"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyd45ba4664620220211.1",
+            "commit": "7a8e7f5eaff83b67d7307566347303c32157ff60"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 10 Feb 2022 08:50:30 GMT",
+      "tag": "@fluentui/react-tooltip_v9.0.0-rc.1",
+      "version": "9.0.0-rc.1",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "02e6236e4db8e1b591223475896537e905bf3580",
+            "comment": "BREAKING: implement `content` slot"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "17c0b18d7983d414095661bf9f57e14c0c22685d",
+            "comment": "Replace make-styles packages with griffel equivalents."
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "58ae40d6817b1fa4e095a94707dfef5050aa4c11",
+            "comment": "Replace `triggerAriaAttribute` prop with `relationship` and make it required with no default"
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "f30e7585a8d2abd9db06c4076f39a779008b0eca",
+            "comment": "Update MenuTrigger and Tooltip to work together"
+          },
+          {
+            "author": "mgodbolt@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "839ec14849e112b85aa321d034739ec421199141",
+            "comment": "remove export of commons types"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
+            "comment": "Bump Fluent UI packages to 9.0.0-rc"
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "caaf3307f864b04369c13fe69d7dc8fe7ab84735",
+            "comment": "Move arrowHeight and tooltipBorderRadius into a shared constants.ts file"
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "2aacc839785a2f96d84a959aea207dfdb99116f8",
+            "comment": "Prevent Tooltip from overriding any aria-label, etc. props on its child"
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "9204703d0a42ee34a20ae4cf28952e13872647ba",
+            "comment": "Replacing use of functions in makeStyles with direct use of tokens."
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
+            "comment": "Refactor component Slot typings"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "1bbb753830028fbf133858d523ae2d56ceefeecf",
+            "comment": "update styles to not use CSS shorthands"
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
+            "comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
+            "comment": "Remove component's shorthandProps array"
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
+            "comment": "Updating based on changes to composition types."
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "97c3818f7faf8733a0cfc9c91f5e94ddb8652d3a",
+            "comment": "Update documentation stories"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "aa6cfd8ac825b5a280206808101de549a91094fc",
+            "comment": "update types related to trigger (allow only React.ReactElement & null)"
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "09804275c7f346db54c33d4ff347bffc33676014",
+            "comment": "Fix tooltip arrow rendering, and add high contrast border around Tooltip"
+          },
+          {
+            "author": "behowell@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "1513362b9adaae5d7dbda6b364e40e736710a79f",
+            "comment": "Remove Tooltip's inverted prop in favor of the appearance prop"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-portal to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-positioning to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "comment": "Bump @fluentui/react-theme to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-tooltip",
-            "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1",
-            "commit": "6b7aa2d681aba265af6ba17a7eff9012a967ddcb"
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
+            "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
           }
         ],
         "none": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
+            "comment": "remove inline-style-expand-shorthand from tsconfigs"
+          },
+          {
+            "author": "elcraig@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "d892c7f79c543b6008634ecd669b75b5108cad46",
+            "comment": "Remove outdated boilerplate comment in useTooltip"
+          },
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-tooltip",
+            "commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
+            "comment": "chore: use storybook runner for all vNext packages"
+          },
           {
             "author": "andredias@microsoft.com",
             "package": "@fluentui/react-tooltip",

package/CHANGELOG.md

@@ -1,27 +1,55 @@
 # Change Log - @fluentui/react-tooltip
 
-This log was last generated on Wed, 05 Jan 2022 04:18:30 GMT and should not be manually modified.
+This log was last generated on Fri, 11 Feb 2022 04:15:30 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightlyca6ef2bc8e20220105.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v0.0.0-nightlyca6ef2bc8e20220105.1)
+## [0.0.0-nightlyd45ba4664620220211.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v0.0.0-nightlyd45ba4664620220211.1)
 
-Wed, 05 Jan 2022 04:18:30 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.5..@fluentui/react-tooltip_v0.0.0-nightlyca6ef2bc8e20220105.1)
+Fri, 11 Feb 2022 04:15:30 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-rc.1..@fluentui/react-tooltip_v0.0.0-nightlyd45ba4664620220211.1)
 
 ### Changes
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by email not defined)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by email not defined)
+- Bump @fluentui/react-portal to v0.0.0-nightlyd45ba4664620220211.1 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by beachball)
+- Bump @fluentui/react-positioning to v0.0.0-nightlyd45ba4664620220211.1 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightlyd45ba4664620220211.1 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightlyd45ba4664620220211.1 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightlyd45ba4664620220211.1 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyd45ba4664620220211.1 ([commit](https://github.com/microsoft/fluentui/commit/7a8e7f5eaff83b67d7307566347303c32157ff60) by beachball)
+
+## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-rc.1)
+
+Thu, 10 Feb 2022 08:50:30 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.5..@fluentui/react-tooltip_v9.0.0-rc.1)
+
+### Changes
+
+- BREAKING: implement `content` slot ([PR #21470](https://github.com/microsoft/fluentui/pull/21470) by olfedias@microsoft.com)
+- Replace make-styles packages with griffel equivalents. ([PR #21422](https://github.com/microsoft/fluentui/pull/21422) by olfedias@microsoft.com)
+- Replace `triggerAriaAttribute` prop with `relationship` and make it required with no default ([PR #21331](https://github.com/microsoft/fluentui/pull/21331) by behowell@microsoft.com)
+- Update MenuTrigger and Tooltip to work together ([PR #21495](https://github.com/microsoft/fluentui/pull/21495) by behowell@microsoft.com)
+- remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
+- Bump Fluent UI packages to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
+- Move arrowHeight and tooltipBorderRadius into a shared constants.ts file ([PR #21204](https://github.com/microsoft/fluentui/pull/21204) by behowell@microsoft.com)
+- Prevent Tooltip from overriding any aria-label, etc. props on its child ([PR #21532](https://github.com/microsoft/fluentui/pull/21532) by behowell@microsoft.com)
+- Replacing use of functions in makeStyles with direct use of tokens. ([PR #21058](https://github.com/microsoft/fluentui/pull/21058) by Humberto.Morimoto@microsoft.com)
+- Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
 - update styles to not use CSS shorthands ([PR #20795](https://github.com/microsoft/fluentui/pull/20795) by olfedias@microsoft.com)
-- Bump @fluentui/react-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
-- Bump @fluentui/react-portal to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
-- Bump @fluentui/react-positioning to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
-- Bump @fluentui/babel-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
-- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
-- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyca6ef2bc8e20220105.1 ([commit](https://github.com/microsoft/fluentui/commit/6b7aa2d681aba265af6ba17a7eff9012a967ddcb) by beachball)
+- BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
+- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
+- Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
+- Update documentation stories ([PR #21298](https://github.com/microsoft/fluentui/pull/21298) by behowell@microsoft.com)
+- update types related to trigger (allow only React.ReactElement & null) ([PR #21609](https://github.com/microsoft/fluentui/pull/21609) by olfedias@microsoft.com)
+- Fix tooltip arrow rendering, and add high contrast border around Tooltip ([PR #21086](https://github.com/microsoft/fluentui/pull/21086) by behowell@microsoft.com)
+- Remove Tooltip's inverted prop in favor of the appearance prop ([PR #21327](https://github.com/microsoft/fluentui/pull/21327) by behowell@microsoft.com)
+- Bump @fluentui/react-portal to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
+- Bump @fluentui/react-positioning to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
+- Bump @fluentui/react-theme to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
 
 ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-beta.5)
 

package/dist/react-tooltip.d.ts

@@ -1,9 +1,9 @@
 import type { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
-import type { IntrinsicShorthandProps } from '@fluentui/react-utilities';
+import type { FluentTriggerComponent } from '@fluentui/react-utilities';
 import type { PositioningShorthand } from '@fluentui/react-positioning';
 import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
 
 /**
  * Data for the Tooltip's onVisibleChange event.
@@ -15,34 +15,27 @@ export declare type OnVisibleChangeData = {
 /**
  * Render the final JSX of Tooltip
  */
-export declare const renderTooltip: (state: TooltipState) => JSX.Element;
+export declare const renderTooltip_unstable: (state: TooltipState) => JSX.Element;
 
 /**
  * A tooltip provides light weight contextual information on top of its target element.
  */
-export declare const Tooltip: ForwardRefComponent<TooltipProps>;
+export declare const Tooltip: React_2.FC<TooltipProps> & FluentTriggerComponent;
 
 export declare const tooltipClassName = "fui-Tooltip";
 
 /**
  * Properties and state for Tooltip
  */
-export declare type TooltipCommons = {
+declare type TooltipCommons = {
     /**
-     * A tooltip can appear with the default appearance or inverted.
-     * When not specified, the default appearance is used.
-     */
-    appearance?: 'inverted';
-    /**
-     * The content displayed inside the tooltip.
-     */
-    content: React_2.ReactNode;
-    /**
-     * Color variant with inverted colors
+     * The tooltip's visual appearance.
+     * * `normal` - Uses the theme's background and text colors.
+     * * `inverted` - Higher contrast variant that uses the theme's inverted colors.
      *
-     * @defaultvalue false
+     * @defaultvalue normal
      */
-    inverted?: boolean;
+    appearance?: 'normal' | 'inverted';
     /**
      * Render an arrow pointing to the target element
      *
@@ -69,15 +62,15 @@ export declare type TooltipCommons = {
      */
     onVisibleChange?: (event: React_2.PointerEvent<HTMLElement> | React_2.FocusEvent<HTMLElement> | undefined, data: OnVisibleChangeData) => void;
     /**
-     * Specifies which aria attribute to set on the trigger element.
-     * * `label` - Set aria-label to the tooltip's content. Requires content to be a string; if not, uses `labelledby`.
-     * * `labelledby` - Set aria-labelledby to the tooltip's id. The id is generated if not provided.
-     * * `describedby` - Set aria-describedby to the tooltip's id. The id is generated if not provided.
-     * * null - Do not set any aria attributes on the trigger element.
+     * (Required) Specifies whether this tooltip is acting as the description or label of its trigger element.
      *
-     * @defaultvalue label
+     * * `label` - The tooltip sets the trigger's aria-label or aria-labelledby attribute. This is useful for buttons
+     *    displaying only an icon, for example.
+     * * `description` - The tooltip sets the trigger's aria-description or aria-describedby attribute.
+     * * `inaccessible` - No aria attributes are set on the trigger. This makes the tooltip's content inaccessible to
+     *   screen readers, and should only be used if the tooltip's text is available by some other means.
      */
-    triggerAriaAttribute: 'label' | 'labelledby' | 'describedby' | null;
+    relationship: 'label' | 'description' | 'inaccessible';
     /**
      * Delay before the tooltip is shown, in milliseconds.
      *
@@ -95,36 +88,26 @@ export declare type TooltipCommons = {
 /**
  * Properties for Tooltip
  */
-export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'content'>> & Pick<TooltipCommons, 'content'>;
+export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'relationship'>> & Pick<TooltipCommons, 'relationship'> & {
+    children?: (React_2.ReactElement & {
+        ref?: React_2.Ref<unknown>;
+    }) | ((props: TooltipTriggerProps) => React_2.ReactElement | null) | null;
+};
 
 /**
  * Slot properties for Tooltip
  */
 export declare type TooltipSlots = {
-    root: Omit<IntrinsicShorthandProps<'div'>, 'children'> & {
-        /**
-         * The child is the element that triggers the Tooltip. It will have additional properties added,
-         * including events and aria properties.
-         * Alternatively, children can be a render function that takes the props and adds
-         * them to the appropriate elements.
-         */
-        children?: (React_2.ReactElement<React_2.HTMLAttributes<HTMLElement>> & {
-            ref?: React_2.Ref<unknown>;
-        }) | ((props: TooltipTriggerProps) => React_2.ReactNode) | null;
-    };
+    content: NonNullable<Slot<'div'>>;
 };
 
 /**
  * State used in rendering Tooltip
  */
 export declare type TooltipState = ComponentState<TooltipSlots> & TooltipCommons & {
+    children?: React_2.ReactElement | null;
     /**
      * Whether the tooltip should be rendered to the DOM.
-     *
-     * Normally the tooltip will only be rendered when visible. However, if
-     * triggerAriaAttribute is labelledby or describedby, the tooltip will
-     * always be rendered even when hidden so that those aria attributes
-     * to always refer to a valid DOM element.
      */
     shouldRenderTooltip?: boolean;
     /**
@@ -147,18 +130,16 @@ export declare type TooltipTriggerProps = {
 /**
  * Create the state required to render Tooltip.
  *
- * The returned state can be modified with hooks such as useTooltipStyles,
- * before being passed to renderTooltip.
+ * The returned state can be modified with hooks such as useTooltipStyles_unstable,
+ * before being passed to renderTooltip_unstable.
  *
  * @param props - props from this instance of Tooltip
- * @param ref - reference to root HTMLElement of Tooltip
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-export declare const useTooltip: (props: TooltipProps, ref: React_2.Ref<HTMLDivElement>) => TooltipState;
+export declare const useTooltip_unstable: (props: TooltipProps) => TooltipState;
 
 /**
  * Apply styling to the Tooltip slots based on the state
  */
-export declare const useTooltipStyles: (state: TooltipState) => TooltipState;
+export declare const useTooltipStyles_unstable: (state: TooltipState) => TooltipState;
 
 export { }

package/lib/components/Tooltip/Tooltip.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import type { TooltipProps } from './Tooltip.types';
-import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import type { FluentTriggerComponent } from '@fluentui/react-utilities';
 /**
  * A tooltip provides light weight contextual information on top of its target element.
  */
-export declare const Tooltip: ForwardRefComponent<TooltipProps>;
+export declare const Tooltip: React.FC<TooltipProps> & FluentTriggerComponent;

package/lib/components/Tooltip/Tooltip.js

@@ -1,15 +1,15 @@
-import * as React from 'react';
-import { useTooltip } from './useTooltip';
-import { renderTooltip } from './renderTooltip';
-import { useTooltipStyles } from './useTooltipStyles';
+import { useTooltip_unstable } from './useTooltip';
+import { renderTooltip_unstable } from './renderTooltip';
+import { useTooltipStyles_unstable } from './useTooltipStyles';
 /**
  * A tooltip provides light weight contextual information on top of its target element.
  */
 
-export const Tooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useTooltip(props, ref);
-  useTooltipStyles(state);
-  return renderTooltip(state);
-});
+export const Tooltip = props => {
+  const state = useTooltip_unstable(props);
+  useTooltipStyles_unstable(state);
+  return renderTooltip_unstable(state);
+};
 Tooltip.displayName = 'Tooltip';
+Tooltip.isFluentTriggerComponent = true;
 //# sourceMappingURL=Tooltip.js.map

package/lib/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,aAAT,QAA8B,iBAA9B;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AAIA;;AAEG;;AACH,OAAO,MAAM,OAAO,gBAAsC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACxF,QAAM,KAAK,GAAG,UAAU,CAAC,KAAD,EAAQ,GAAR,CAAxB;AAEA,EAAA,gBAAgB,CAAC,KAAD,CAAhB;AACA,SAAO,aAAa,CAAC,KAAD,CAApB;AACD,CALyD,CAAnD;AAOP,OAAO,CAAC,WAAR,GAAsB,SAAtB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,SAAS,mBAAT,QAAoC,cAApC;AACA,SAAS,sBAAT,QAAuC,iBAAvC;AACA,SAAS,yBAAT,QAA0C,oBAA1C;AAIA;;AAEG;;AACH,OAAO,MAAM,OAAO,GAAoD,KAAK,IAAG;AAC9E,QAAM,KAAK,GAAG,mBAAmB,CAAC,KAAD,CAAjC;AAEA,EAAA,yBAAyB,CAAC,KAAD,CAAzB;AACA,SAAO,sBAAsB,CAAC,KAAD,CAA7B;AACD,CALM;AAOP,OAAO,CAAC,WAAR,GAAsB,SAAtB;AACA,OAAO,CAAC,wBAAR,GAAmC,IAAnC","sourceRoot":""}

package/lib/components/Tooltip/Tooltip.types.d.ts

@@ -1,41 +1,24 @@
 import * as React from 'react';
 import type { PositioningShorthand } from '@fluentui/react-positioning';
-import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
+import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
 /**
  * Slot properties for Tooltip
  */
 export declare type TooltipSlots = {
-    root: Omit<IntrinsicShorthandProps<'div'>, 'children'> & {
-        /**
-         * The child is the element that triggers the Tooltip. It will have additional properties added,
-         * including events and aria properties.
-         * Alternatively, children can be a render function that takes the props and adds
-         * them to the appropriate elements.
-         */
-        children?: (React.ReactElement<React.HTMLAttributes<HTMLElement>> & {
-            ref?: React.Ref<unknown>;
-        }) | ((props: TooltipTriggerProps) => React.ReactNode) | null;
-    };
+    content: NonNullable<Slot<'div'>>;
 };
 /**
  * Properties and state for Tooltip
  */
-export declare type TooltipCommons = {
+declare type TooltipCommons = {
     /**
-     * A tooltip can appear with the default appearance or inverted.
-     * When not specified, the default appearance is used.
-     */
-    appearance?: 'inverted';
-    /**
-     * The content displayed inside the tooltip.
-     */
-    content: React.ReactNode;
-    /**
-     * Color variant with inverted colors
+     * The tooltip's visual appearance.
+     * * `normal` - Uses the theme's background and text colors.
+     * * `inverted` - Higher contrast variant that uses the theme's inverted colors.
      *
-     * @defaultvalue false
+     * @defaultvalue normal
      */
-    inverted?: boolean;
+    appearance?: 'normal' | 'inverted';
     /**
      * Render an arrow pointing to the target element
      *
@@ -62,15 +45,15 @@ export declare type TooltipCommons = {
      */
     onVisibleChange?: (event: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement> | undefined, data: OnVisibleChangeData) => void;
     /**
-     * Specifies which aria attribute to set on the trigger element.
-     * * `label` - Set aria-label to the tooltip's content. Requires content to be a string; if not, uses `labelledby`.
-     * * `labelledby` - Set aria-labelledby to the tooltip's id. The id is generated if not provided.
-     * * `describedby` - Set aria-describedby to the tooltip's id. The id is generated if not provided.
-     * * null - Do not set any aria attributes on the trigger element.
+     * (Required) Specifies whether this tooltip is acting as the description or label of its trigger element.
      *
-     * @defaultvalue label
+     * * `label` - The tooltip sets the trigger's aria-label or aria-labelledby attribute. This is useful for buttons
+     *    displaying only an icon, for example.
+     * * `description` - The tooltip sets the trigger's aria-description or aria-describedby attribute.
+     * * `inaccessible` - No aria attributes are set on the trigger. This makes the tooltip's content inaccessible to
+     *   screen readers, and should only be used if the tooltip's text is available by some other means.
      */
-    triggerAriaAttribute: 'label' | 'labelledby' | 'describedby' | null;
+    relationship: 'label' | 'description' | 'inaccessible';
     /**
      * Delay before the tooltip is shown, in milliseconds.
      *
@@ -99,18 +82,18 @@ export declare type OnVisibleChangeData = {
 /**
  * Properties for Tooltip
  */
-export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'content'>> & Pick<TooltipCommons, 'content'>;
+export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'relationship'>> & Pick<TooltipCommons, 'relationship'> & {
+    children?: (React.ReactElement & {
+        ref?: React.Ref<unknown>;
+    }) | ((props: TooltipTriggerProps) => React.ReactElement | null) | null;
+};
 /**
  * State used in rendering Tooltip
  */
 export declare type TooltipState = ComponentState<TooltipSlots> & TooltipCommons & {
+    children?: React.ReactElement | null;
     /**
      * Whether the tooltip should be rendered to the DOM.
-     *
-     * Normally the tooltip will only be rendered when visible. However, if
-     * triggerAriaAttribute is labelledby or describedby, the tooltip will
-     * always be rendered even when hidden so that those aria attributes
-     * to always refer to a valid DOM element.
      */
     shouldRenderTooltip?: boolean;
     /**
@@ -122,3 +105,4 @@ export declare type TooltipState = ComponentState<TooltipSlots> & TooltipCommons
      */
     arrowClassName?: string;
 };
+export {};

package/lib/components/Tooltip/private/constants.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The height of the tooltip's arrow in pixels.
+ */
+export declare const arrowHeight = 6;
+/**
+ * The default value of the tooltip's border radius (borderRadiusMedium).
+ *
+ * Unfortunately, Popper requires it to be specified as a variable instead of using CSS.
+ * While we could use getComputedStyle, that adds a performance penalty for something that
+ * will likely never change.
+ */
+export declare const tooltipBorderRadius = 4;