@fluentui/react-tooltip 0.0.0-nightly-20220315-0418.1 → 0.0.0-nightly-20220318-0416.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +21 -15
- package/CHANGELOG.md +11 -10
- package/dist/react-tooltip.d.ts +6 -0
- package/lib/components/Tooltip/useTooltipStyles.d.ts +6 -1
- package/lib/components/Tooltip/useTooltipStyles.js +10 -1
- package/lib/components/Tooltip/useTooltipStyles.js.map +1 -1
- package/lib-commonjs/components/Tooltip/useTooltipStyles.d.ts +6 -1
- package/lib-commonjs/components/Tooltip/useTooltipStyles.js +11 -2
- package/lib-commonjs/components/Tooltip/useTooltipStyles.js.map +1 -1
- package/package.json +7 -7
package/CHANGELOG.json
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
"name": "@fluentui/react-tooltip",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui/react-tooltip_v0.0.0-nightly-
|
|
7
|
-
"version": "0.0.0-nightly-
|
|
5
|
+
"date": "Fri, 18 Mar 2022 04:27:23 GMT",
|
|
6
|
+
"tag": "@fluentui/react-tooltip_v0.0.0-nightly-20220318-0416.1",
|
|
7
|
+
"version": "0.0.0-nightly-20220318-0416.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
@@ -13,41 +13,47 @@
|
|
|
13
13
|
"commit": "not available",
|
|
14
14
|
"comment": "Release nightly v9"
|
|
15
15
|
},
|
|
16
|
+
{
|
|
17
|
+
"author": "seanmonahan@microsoft.com",
|
|
18
|
+
"package": "@fluentui/react-tooltip",
|
|
19
|
+
"commit": "086a675fd0c648944ff4048450190a0a13467de3",
|
|
20
|
+
"comment": "Add static classnames to Tooltip"
|
|
21
|
+
},
|
|
16
22
|
{
|
|
17
23
|
"author": "beachball",
|
|
18
24
|
"package": "@fluentui/react-tooltip",
|
|
19
|
-
"comment": "Bump @fluentui/react-portal to v0.0.0-nightly-
|
|
20
|
-
"commit": "
|
|
25
|
+
"comment": "Bump @fluentui/react-portal to v0.0.0-nightly-20220318-0416.1",
|
|
26
|
+
"commit": "9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d"
|
|
21
27
|
},
|
|
22
28
|
{
|
|
23
29
|
"author": "beachball",
|
|
24
30
|
"package": "@fluentui/react-tooltip",
|
|
25
|
-
"comment": "Bump @fluentui/react-positioning to v0.0.0-nightly-
|
|
26
|
-
"commit": "
|
|
31
|
+
"comment": "Bump @fluentui/react-positioning to v0.0.0-nightly-20220318-0416.1",
|
|
32
|
+
"commit": "9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d"
|
|
27
33
|
},
|
|
28
34
|
{
|
|
29
35
|
"author": "beachball",
|
|
30
36
|
"package": "@fluentui/react-tooltip",
|
|
31
|
-
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
|
32
|
-
"commit": "
|
|
37
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20220318-0416.1",
|
|
38
|
+
"commit": "9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d"
|
|
33
39
|
},
|
|
34
40
|
{
|
|
35
41
|
"author": "beachball",
|
|
36
42
|
"package": "@fluentui/react-tooltip",
|
|
37
|
-
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
38
|
-
"commit": "
|
|
43
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20220318-0416.1",
|
|
44
|
+
"commit": "9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d"
|
|
39
45
|
},
|
|
40
46
|
{
|
|
41
47
|
"author": "beachball",
|
|
42
48
|
"package": "@fluentui/react-tooltip",
|
|
43
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
44
|
-
"commit": "
|
|
49
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20220318-0416.1",
|
|
50
|
+
"commit": "9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d"
|
|
45
51
|
},
|
|
46
52
|
{
|
|
47
53
|
"author": "beachball",
|
|
48
54
|
"package": "@fluentui/react-tooltip",
|
|
49
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
50
|
-
"commit": "
|
|
55
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220318-0416.1",
|
|
56
|
+
"commit": "9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d"
|
|
51
57
|
}
|
|
52
58
|
],
|
|
53
59
|
"none": [
|
package/CHANGELOG.md
CHANGED
|
@@ -1,23 +1,24 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-tooltip
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 18 Mar 2022 04:27:23 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-nightly-
|
|
7
|
+
## [0.0.0-nightly-20220318-0416.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v0.0.0-nightly-20220318-0416.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-rc.5..@fluentui/react-tooltip_v0.0.0-nightly-
|
|
9
|
+
Fri, 18 Mar 2022 04:27:23 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-rc.5..@fluentui/react-tooltip_v0.0.0-nightly-20220318-0416.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
14
|
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by email not defined)
|
|
15
|
-
-
|
|
16
|
-
- Bump @fluentui/react-
|
|
17
|
-
- Bump @fluentui/react-
|
|
18
|
-
- Bump @fluentui/react-
|
|
19
|
-
- Bump @fluentui/react-
|
|
20
|
-
- Bump @fluentui/react-
|
|
15
|
+
- Add static classnames to Tooltip ([PR #21960](https://github.com/microsoft/fluentui/pull/21960) by seanmonahan@microsoft.com)
|
|
16
|
+
- Bump @fluentui/react-portal to v0.0.0-nightly-20220318-0416.1 ([commit](https://github.com/microsoft/fluentui/commit/9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d) by beachball)
|
|
17
|
+
- Bump @fluentui/react-positioning to v0.0.0-nightly-20220318-0416.1 ([commit](https://github.com/microsoft/fluentui/commit/9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d) by beachball)
|
|
18
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20220318-0416.1 ([commit](https://github.com/microsoft/fluentui/commit/9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d) by beachball)
|
|
19
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20220318-0416.1 ([commit](https://github.com/microsoft/fluentui/commit/9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d) by beachball)
|
|
20
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20220318-0416.1 ([commit](https://github.com/microsoft/fluentui/commit/9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d) by beachball)
|
|
21
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220318-0416.1 ([commit](https://github.com/microsoft/fluentui/commit/9fe23c6e14ceb14d72b49bf59ded7e05f0dc185d) by beachball)
|
|
21
22
|
|
|
22
23
|
## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-rc.5)
|
|
23
24
|
|
package/dist/react-tooltip.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ import type { FluentTriggerComponent } from '@fluentui/react-utilities';
|
|
|
4
4
|
import type { PositioningShorthand } from '@fluentui/react-positioning';
|
|
5
5
|
import * as React_2 from 'react';
|
|
6
6
|
import type { Slot } from '@fluentui/react-utilities';
|
|
7
|
+
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
7
8
|
|
|
8
9
|
/**
|
|
9
10
|
* Data for the Tooltip's onVisibleChange event.
|
|
@@ -22,8 +23,13 @@ export declare const renderTooltip_unstable: (state: TooltipState) => JSX.Elemen
|
|
|
22
23
|
*/
|
|
23
24
|
export declare const Tooltip: React_2.FC<TooltipProps> & FluentTriggerComponent;
|
|
24
25
|
|
|
26
|
+
/**
|
|
27
|
+
* @deprecated Use `tooltipClassNames.root` instead.
|
|
28
|
+
*/
|
|
25
29
|
export declare const tooltipClassName = "fui-Tooltip";
|
|
26
30
|
|
|
31
|
+
export declare const tooltipClassNames: SlotClassNames<TooltipSlots>;
|
|
32
|
+
|
|
27
33
|
/**
|
|
28
34
|
* Properties and state for Tooltip
|
|
29
35
|
*/
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
import type { TooltipState } from './Tooltip.types';
|
|
1
|
+
import type { TooltipSlots, TooltipState } from './Tooltip.types';
|
|
2
|
+
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated Use `tooltipClassNames.root` instead.
|
|
5
|
+
*/
|
|
2
6
|
export declare const tooltipClassName = "fui-Tooltip";
|
|
7
|
+
export declare const tooltipClassNames: SlotClassNames<TooltipSlots>;
|
|
3
8
|
/**
|
|
4
9
|
* Apply styling to the Tooltip slots based on the state
|
|
5
10
|
*/
|
|
@@ -2,7 +2,14 @@ import { shorthands, __styles, mergeClasses } from '@griffel/react';
|
|
|
2
2
|
import { createArrowStyles } from '@fluentui/react-positioning';
|
|
3
3
|
import { tokens } from '@fluentui/react-theme';
|
|
4
4
|
import { arrowHeight } from './private/constants';
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated Use `tooltipClassNames.root` instead.
|
|
7
|
+
*/
|
|
8
|
+
|
|
5
9
|
export const tooltipClassName = 'fui-Tooltip';
|
|
10
|
+
export const tooltipClassNames = {
|
|
11
|
+
content: 'fui-Tooltip__content'
|
|
12
|
+
};
|
|
6
13
|
/**
|
|
7
14
|
* Styles for the tooltip
|
|
8
15
|
*/
|
|
@@ -88,7 +95,9 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
88
95
|
|
|
89
96
|
export const useTooltipStyles_unstable = state => {
|
|
90
97
|
const styles = useStyles();
|
|
91
|
-
state.content.className = mergeClasses(
|
|
98
|
+
state.content.className = mergeClasses(
|
|
99
|
+
/* eslint-disable-next-line deprecation/deprecation */
|
|
100
|
+
tooltipClassName, tooltipClassNames.content, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.content.className);
|
|
92
101
|
state.arrowClassName = styles.arrow;
|
|
93
102
|
return state;
|
|
94
103
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,gBAArD;AACA,SAAS,iBAAT,QAAkC,6BAAlC;AACA,SAAS,MAAT,QAAuB,uBAAvB;AACA,SAAS,WAAT,QAA4B,qBAA5B;
|
|
1
|
+
{"version":3,"sources":["components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,gBAArD;AACA,SAAS,iBAAT,QAAkC,6BAAlC;AACA,SAAS,MAAT,QAAuB,uBAAvB;AACA,SAAS,WAAT,QAA4B,qBAA5B;AAIA;;AAEG;;AACH,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AACP,OAAO,MAAM,iBAAiB,GAAiC;AAC7D,EAAA,OAAO,EAAE;AADoD,CAAxD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAkCA;;AAEG;;;AACH,OAAO,MAAM,yBAAyB,GAAI,KAAD,IAAsC;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,YAAY;AACpC;AACA,EAAA,gBAFoC,EAGpC,iBAAiB,CAAC,OAHkB,EAIpC,MAAM,CAAC,IAJ6B,EAKpC,KAAK,CAAC,UAAN,KAAqB,UAArB,IAAmC,MAAM,CAAC,QALN,EAMpC,KAAK,CAAC,OAAN,IAAiB,MAAM,CAAC,OANY,EAOpC,KAAK,CAAC,OAAN,CAAc,SAPsB,CAAtC;AAUA,EAAA,KAAK,CAAC,cAAN,GAAuB,MAAM,CAAC,KAA9B;AAEA,SAAO,KAAP;AACD,CAhBM","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createArrowStyles } from '@fluentui/react-positioning';\nimport { tokens } from '@fluentui/react-theme';\nimport { arrowHeight } from './private/constants';\nimport type { TooltipSlots, TooltipState } from './Tooltip.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/**\n * @deprecated Use `tooltipClassNames.root` instead.\n */\nexport const tooltipClassName = 'fui-Tooltip';\nexport const tooltipClassNames: SlotClassNames<TooltipSlots> = {\n content: 'fui-Tooltip__content',\n};\n\n/**\n * Styles for the tooltip\n */\nconst useStyles = makeStyles({\n root: {\n display: 'none',\n boxSizing: 'border-box',\n maxWidth: '240px',\n cursor: 'default',\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.border('1px', 'solid', tokens.colorTransparentStroke),\n ...shorthands.padding('4px', '11px', '6px', '11px'), // '5px 12px 7px 12px' minus the border width '1px'\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n\n // TODO need to add versions of tokens.alias.shadow.shadow8, etc. that work with filter\n filter:\n `drop-shadow(0 0 2px ${tokens.colorNeutralShadowAmbient}) ` +\n `drop-shadow(0 4px 8px ${tokens.colorNeutralShadowKey})`,\n },\n\n visible: {\n display: 'block',\n },\n\n inverted: {\n backgroundColor: tokens.colorNeutralBackgroundInverted,\n color: tokens.colorNeutralForegroundInverted,\n },\n\n arrow: createArrowStyles({ arrowHeight }),\n});\n\n/**\n * Apply styling to the Tooltip slots based on the state\n */\nexport const useTooltipStyles_unstable = (state: TooltipState): TooltipState => {\n const styles = useStyles();\n\n state.content.className = mergeClasses(\n /* eslint-disable-next-line deprecation/deprecation */\n tooltipClassName,\n tooltipClassNames.content,\n styles.root,\n state.appearance === 'inverted' && styles.inverted,\n state.visible && styles.visible,\n state.content.className,\n );\n\n state.arrowClassName = styles.arrow;\n\n return state;\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
import type { TooltipState } from './Tooltip.types';
|
|
1
|
+
import type { TooltipSlots, TooltipState } from './Tooltip.types';
|
|
2
|
+
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated Use `tooltipClassNames.root` instead.
|
|
5
|
+
*/
|
|
2
6
|
export declare const tooltipClassName = "fui-Tooltip";
|
|
7
|
+
export declare const tooltipClassNames: SlotClassNames<TooltipSlots>;
|
|
3
8
|
/**
|
|
4
9
|
* Apply styling to the Tooltip slots based on the state
|
|
5
10
|
*/
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useTooltipStyles_unstable = exports.tooltipClassName = void 0;
|
|
6
|
+
exports.useTooltipStyles_unstable = exports.tooltipClassNames = exports.tooltipClassName = void 0;
|
|
7
7
|
|
|
8
8
|
const react_1 = /*#__PURE__*/require("@griffel/react");
|
|
9
9
|
|
|
@@ -12,8 +12,15 @@ const react_positioning_1 = /*#__PURE__*/require("@fluentui/react-positioning");
|
|
|
12
12
|
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
|
13
13
|
|
|
14
14
|
const constants_1 = /*#__PURE__*/require("./private/constants");
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated Use `tooltipClassNames.root` instead.
|
|
17
|
+
*/
|
|
18
|
+
|
|
15
19
|
|
|
16
20
|
exports.tooltipClassName = 'fui-Tooltip';
|
|
21
|
+
exports.tooltipClassNames = {
|
|
22
|
+
content: 'fui-Tooltip__content'
|
|
23
|
+
};
|
|
17
24
|
/**
|
|
18
25
|
* Styles for the tooltip
|
|
19
26
|
*/
|
|
@@ -99,7 +106,9 @@ const useStyles = /*#__PURE__*/react_1.__styles({
|
|
|
99
106
|
|
|
100
107
|
const useTooltipStyles_unstable = state => {
|
|
101
108
|
const styles = useStyles();
|
|
102
|
-
state.content.className = react_1.mergeClasses(
|
|
109
|
+
state.content.className = react_1.mergeClasses(
|
|
110
|
+
/* eslint-disable-next-line deprecation/deprecation */
|
|
111
|
+
exports.tooltipClassName, exports.tooltipClassNames.content, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.content.className);
|
|
103
112
|
state.arrowClassName = styles.arrow;
|
|
104
113
|
return state;
|
|
105
114
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,WAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;
|
|
1
|
+
{"version":3,"sources":["components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,WAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AACA,OAAA,CAAA,iBAAA,GAAkD;AAC7D,EAAA,OAAO,EAAE;AADoD,CAAlD;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAkCA;;AAEG;;;AACI,MAAM,yBAAyB,GAAI,KAAD,IAAsC;AAC7E,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,OAAN,CAAc,SAAd,GAA0B,OAAA,CAAA,YAAA;AACxB;AACA,EAAA,OAAA,CAAA,gBAFwB,EAGxB,OAAA,CAAA,iBAAA,CAAkB,OAHM,EAIxB,MAAM,CAAC,IAJiB,EAKxB,KAAK,CAAC,UAAN,KAAqB,UAArB,IAAmC,MAAM,CAAC,QALlB,EAMxB,KAAK,CAAC,OAAN,IAAiB,MAAM,CAAC,OANA,EAOxB,KAAK,CAAC,OAAN,CAAc,SAPU,CAA1B;AAUA,EAAA,KAAK,CAAC,cAAN,GAAuB,MAAM,CAAC,KAA9B;AAEA,SAAO,KAAP;AACD,CAhBM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createArrowStyles } from '@fluentui/react-positioning';\nimport { tokens } from '@fluentui/react-theme';\nimport { arrowHeight } from './private/constants';\nimport type { TooltipSlots, TooltipState } from './Tooltip.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\n/**\n * @deprecated Use `tooltipClassNames.root` instead.\n */\nexport const tooltipClassName = 'fui-Tooltip';\nexport const tooltipClassNames: SlotClassNames<TooltipSlots> = {\n content: 'fui-Tooltip__content',\n};\n\n/**\n * Styles for the tooltip\n */\nconst useStyles = makeStyles({\n root: {\n display: 'none',\n boxSizing: 'border-box',\n maxWidth: '240px',\n cursor: 'default',\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.border('1px', 'solid', tokens.colorTransparentStroke),\n ...shorthands.padding('4px', '11px', '6px', '11px'), // '5px 12px 7px 12px' minus the border width '1px'\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n\n // TODO need to add versions of tokens.alias.shadow.shadow8, etc. that work with filter\n filter:\n `drop-shadow(0 0 2px ${tokens.colorNeutralShadowAmbient}) ` +\n `drop-shadow(0 4px 8px ${tokens.colorNeutralShadowKey})`,\n },\n\n visible: {\n display: 'block',\n },\n\n inverted: {\n backgroundColor: tokens.colorNeutralBackgroundInverted,\n color: tokens.colorNeutralForegroundInverted,\n },\n\n arrow: createArrowStyles({ arrowHeight }),\n});\n\n/**\n * Apply styling to the Tooltip slots based on the state\n */\nexport const useTooltipStyles_unstable = (state: TooltipState): TooltipState => {\n const styles = useStyles();\n\n state.content.className = mergeClasses(\n /* eslint-disable-next-line deprecation/deprecation */\n tooltipClassName,\n tooltipClassNames.content,\n styles.root,\n state.appearance === 'inverted' && styles.inverted,\n state.visible && styles.visible,\n state.content.className,\n );\n\n state.arrowClassName = styles.arrow;\n\n return state;\n};\n"],"sourceRoot":"../src/"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-tooltip",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20220318-0416.1",
|
|
4
4
|
"description": "React components for building web experiences",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -28,15 +28,15 @@
|
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
|
30
30
|
"@fluentui/react-conformance": "*",
|
|
31
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
|
31
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20220318-0416.1",
|
|
32
32
|
"@fluentui/scripts": "^1.0.0"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@fluentui/react-portal": "0.0.0-nightly-
|
|
36
|
-
"@fluentui/react-positioning": "0.0.0-nightly-
|
|
37
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
|
38
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
|
39
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
|
35
|
+
"@fluentui/react-portal": "0.0.0-nightly-20220318-0416.1",
|
|
36
|
+
"@fluentui/react-positioning": "0.0.0-nightly-20220318-0416.1",
|
|
37
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20220318-0416.1",
|
|
38
|
+
"@fluentui/react-theme": "0.0.0-nightly-20220318-0416.1",
|
|
39
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20220318-0416.1",
|
|
40
40
|
"@griffel/react": "1.0.0",
|
|
41
41
|
"tslib": "^2.1.0"
|
|
42
42
|
},
|