@fluentui/react-tooltip 0.0.0-nightlybc5ff01fb020211104.1 → 0.0.0-nightlyc9ccb6f37d20211122.1
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +105 -22
- package/CHANGELOG.md +33 -14
- package/dist/react-tooltip.d.ts +2 -0
- package/lib/components/Tooltip/index.d.ts +1 -1
- package/lib/components/Tooltip/index.js +1 -1
- package/lib/components/Tooltip/index.js.map +1 -1
- package/lib/components/Tooltip/useTooltipStyles.d.ts +1 -0
- package/lib/components/Tooltip/useTooltipStyles.js +14 -5
- package/lib/components/Tooltip/useTooltipStyles.js.map +1 -1
- package/lib-commonjs/components/Tooltip/index.d.ts +1 -1
- package/lib-commonjs/components/Tooltip/index.js +1 -9
- package/lib-commonjs/components/Tooltip/index.js.map +1 -1
- package/lib-commonjs/components/Tooltip/useTooltipStyles.d.ts +1 -0
- package/lib-commonjs/components/Tooltip/useTooltipStyles.js +17 -7
- package/lib-commonjs/components/Tooltip/useTooltipStyles.js.map +1 -1
- package/package.json +10 -11
package/CHANGELOG.json
CHANGED
@@ -2,23 +2,106 @@
|
|
2
2
|
"name": "@fluentui/react-tooltip",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "
|
6
|
-
"tag": "@fluentui/react-tooltip_v0.0.0-
|
7
|
-
"version": "0.0.0-
|
5
|
+
"date": "Mon, 22 Nov 2021 04:15:10 GMT",
|
6
|
+
"tag": "@fluentui/react-tooltip_v0.0.0-nightlyc9ccb6f37d20211122.1",
|
7
|
+
"version": "0.0.0-nightlyc9ccb6f37d20211122.1",
|
8
8
|
"comments": {
|
9
9
|
"prerelease": [
|
10
10
|
{
|
11
11
|
"author": "email not defined",
|
12
12
|
"package": "@fluentui/react-tooltip",
|
13
|
-
"commit": "
|
13
|
+
"commit": "485cdebc9d90401363f72f87d647689444cdaba4",
|
14
14
|
"comment": "Release nightly v9"
|
15
15
|
},
|
16
|
+
{
|
17
|
+
"author": "lingfangao@hotmail.com",
|
18
|
+
"package": "@fluentui/react-tooltip",
|
19
|
+
"commit": "58db204f28af1d68df7260ff580cf91f0adcfb66",
|
20
|
+
"comment": "Add transparent outline to arrow for HC"
|
21
|
+
},
|
22
|
+
{
|
23
|
+
"author": "beachball",
|
24
|
+
"package": "@fluentui/react-tooltip",
|
25
|
+
"comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1",
|
26
|
+
"commit": "485cdebc9d90401363f72f87d647689444cdaba4"
|
27
|
+
},
|
28
|
+
{
|
29
|
+
"author": "beachball",
|
30
|
+
"package": "@fluentui/react-tooltip",
|
31
|
+
"comment": "Bump @fluentui/react-portal to v0.0.0-nightlyc9ccb6f37d20211122.1",
|
32
|
+
"commit": "485cdebc9d90401363f72f87d647689444cdaba4"
|
33
|
+
},
|
34
|
+
{
|
35
|
+
"author": "beachball",
|
36
|
+
"package": "@fluentui/react-tooltip",
|
37
|
+
"comment": "Bump @fluentui/react-positioning to v0.0.0-nightlyc9ccb6f37d20211122.1",
|
38
|
+
"commit": "485cdebc9d90401363f72f87d647689444cdaba4"
|
39
|
+
},
|
40
|
+
{
|
41
|
+
"author": "beachball",
|
42
|
+
"package": "@fluentui/react-tooltip",
|
43
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyc9ccb6f37d20211122.1",
|
44
|
+
"commit": "485cdebc9d90401363f72f87d647689444cdaba4"
|
45
|
+
},
|
46
|
+
{
|
47
|
+
"author": "beachball",
|
48
|
+
"package": "@fluentui/react-tooltip",
|
49
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightlyc9ccb6f37d20211122.1",
|
50
|
+
"commit": "485cdebc9d90401363f72f87d647689444cdaba4"
|
51
|
+
},
|
52
|
+
{
|
53
|
+
"author": "beachball",
|
54
|
+
"package": "@fluentui/react-tooltip",
|
55
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyc9ccb6f37d20211122.1",
|
56
|
+
"commit": "485cdebc9d90401363f72f87d647689444cdaba4"
|
57
|
+
},
|
58
|
+
{
|
59
|
+
"author": "beachball",
|
60
|
+
"package": "@fluentui/react-tooltip",
|
61
|
+
"comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1",
|
62
|
+
"commit": "485cdebc9d90401363f72f87d647689444cdaba4"
|
63
|
+
},
|
64
|
+
{
|
65
|
+
"author": "beachball",
|
66
|
+
"package": "@fluentui/react-tooltip",
|
67
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1",
|
68
|
+
"commit": "485cdebc9d90401363f72f87d647689444cdaba4"
|
69
|
+
},
|
70
|
+
{
|
71
|
+
"author": "beachball",
|
72
|
+
"package": "@fluentui/react-tooltip",
|
73
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1",
|
74
|
+
"commit": "485cdebc9d90401363f72f87d647689444cdaba4"
|
75
|
+
}
|
76
|
+
]
|
77
|
+
}
|
78
|
+
},
|
79
|
+
{
|
80
|
+
"date": "Fri, 12 Nov 2021 13:25:09 GMT",
|
81
|
+
"tag": "@fluentui/react-tooltip_v9.0.0-beta.4",
|
82
|
+
"version": "9.0.0-beta.4",
|
83
|
+
"comments": {
|
84
|
+
"none": [
|
85
|
+
{
|
86
|
+
"author": "lingfangao@hotmail.com",
|
87
|
+
"package": "@fluentui/react-tooltip",
|
88
|
+
"commit": "00f70581480b536e723fb69edf0ae617beac4807",
|
89
|
+
"comment": "Remove beta release tag"
|
90
|
+
}
|
91
|
+
],
|
92
|
+
"prerelease": [
|
16
93
|
{
|
17
94
|
"author": "gcox@microsoft.com",
|
18
95
|
"package": "@fluentui/react-tooltip",
|
19
96
|
"commit": "d5810cfc819dcb2126ffaa081bf117fcae83dc73",
|
20
97
|
"comment": "Updated stories to support codesandbox"
|
21
98
|
},
|
99
|
+
{
|
100
|
+
"author": "olfedias@microsoft.com",
|
101
|
+
"package": "@fluentui/react-tooltip",
|
102
|
+
"commit": "f078af73d95d0f2c380144a40127bd08e389aa2d",
|
103
|
+
"comment": "export static classes for components"
|
104
|
+
},
|
22
105
|
{
|
23
106
|
"author": "gcox@microsoft.com",
|
24
107
|
"package": "@fluentui/react-tooltip",
|
@@ -28,56 +111,56 @@
|
|
28
111
|
{
|
29
112
|
"author": "beachball",
|
30
113
|
"package": "@fluentui/react-tooltip",
|
31
|
-
"comment": "Bump @fluentui/react-make-styles to
|
32
|
-
"commit": "
|
114
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
|
115
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
33
116
|
},
|
34
117
|
{
|
35
118
|
"author": "beachball",
|
36
119
|
"package": "@fluentui/react-tooltip",
|
37
|
-
"comment": "Bump @fluentui/react-portal to
|
38
|
-
"commit": "
|
120
|
+
"comment": "Bump @fluentui/react-portal to v9.0.0-beta.4",
|
121
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
39
122
|
},
|
40
123
|
{
|
41
124
|
"author": "beachball",
|
42
125
|
"package": "@fluentui/react-tooltip",
|
43
|
-
"comment": "Bump @fluentui/react-positioning to
|
44
|
-
"commit": "
|
126
|
+
"comment": "Bump @fluentui/react-positioning to v9.0.0-beta.3",
|
127
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
45
128
|
},
|
46
129
|
{
|
47
130
|
"author": "beachball",
|
48
131
|
"package": "@fluentui/react-tooltip",
|
49
|
-
"comment": "Bump @fluentui/react-shared-contexts to
|
50
|
-
"commit": "
|
132
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.3",
|
133
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
51
134
|
},
|
52
135
|
{
|
53
136
|
"author": "beachball",
|
54
137
|
"package": "@fluentui/react-tooltip",
|
55
|
-
"comment": "Bump @fluentui/react-theme to
|
56
|
-
"commit": "
|
138
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-beta.3",
|
139
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
57
140
|
},
|
58
141
|
{
|
59
142
|
"author": "beachball",
|
60
143
|
"package": "@fluentui/react-tooltip",
|
61
|
-
"comment": "Bump @fluentui/react-utilities to
|
62
|
-
"commit": "
|
144
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
|
145
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
63
146
|
},
|
64
147
|
{
|
65
148
|
"author": "beachball",
|
66
149
|
"package": "@fluentui/react-tooltip",
|
67
|
-
"comment": "Bump @fluentui/babel-make-styles to
|
68
|
-
"commit": "
|
150
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
|
151
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
69
152
|
},
|
70
153
|
{
|
71
154
|
"author": "beachball",
|
72
155
|
"package": "@fluentui/react-tooltip",
|
73
|
-
"comment": "Bump @fluentui/jest-serializer-make-styles to
|
74
|
-
"commit": "
|
156
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
|
157
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
75
158
|
},
|
76
159
|
{
|
77
160
|
"author": "beachball",
|
78
161
|
"package": "@fluentui/react-tooltip",
|
79
|
-
"comment": "Bump @fluentui/react-conformance-make-styles to
|
80
|
-
"commit": "
|
162
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
|
163
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
81
164
|
}
|
82
165
|
]
|
83
166
|
}
|
package/CHANGELOG.md
CHANGED
@@ -1,28 +1,47 @@
|
|
1
1
|
# Change Log - @fluentui/react-tooltip
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Mon, 22 Nov 2021 04:15:10 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-
|
7
|
+
## [0.0.0-nightlyc9ccb6f37d20211122.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v0.0.0-nightlyc9ccb6f37d20211122.1)
|
8
8
|
|
9
|
-
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.
|
9
|
+
Mon, 22 Nov 2021 04:15:10 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.4..@fluentui/react-tooltip_v0.0.0-nightlyc9ccb6f37d20211122.1)
|
11
|
+
|
12
|
+
### Changes
|
13
|
+
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by email not defined)
|
15
|
+
- Add transparent outline to arrow for HC ([PR #20541](https://github.com/microsoft/fluentui/pull/20541) by lingfangao@hotmail.com)
|
16
|
+
- Bump @fluentui/react-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
|
17
|
+
- Bump @fluentui/react-portal to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
|
18
|
+
- Bump @fluentui/react-positioning to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
|
19
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
|
20
|
+
- Bump @fluentui/react-theme to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
|
21
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
|
22
|
+
- Bump @fluentui/babel-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
|
23
|
+
- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
|
24
|
+
- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
|
25
|
+
|
26
|
+
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-beta.4)
|
27
|
+
|
28
|
+
Fri, 12 Nov 2021 13:25:09 GMT
|
29
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.3..@fluentui/react-tooltip_v9.0.0-beta.4)
|
11
30
|
|
12
31
|
### Changes
|
13
32
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by email not defined)
|
15
33
|
- Updated stories to support codesandbox ([PR #20373](https://github.com/microsoft/fluentui/pull/20373) by gcox@microsoft.com)
|
34
|
+
- export static classes for components ([PR #20455](https://github.com/microsoft/fluentui/pull/20455) by olfedias@microsoft.com)
|
16
35
|
- Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
|
17
|
-
- Bump @fluentui/react-make-styles to
|
18
|
-
- Bump @fluentui/react-portal to
|
19
|
-
- Bump @fluentui/react-positioning to
|
20
|
-
- Bump @fluentui/react-shared-contexts to
|
21
|
-
- Bump @fluentui/react-theme to
|
22
|
-
- Bump @fluentui/react-utilities to
|
23
|
-
- Bump @fluentui/babel-make-styles to
|
24
|
-
- Bump @fluentui/jest-serializer-make-styles to
|
25
|
-
- Bump @fluentui/react-conformance-make-styles to
|
36
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
37
|
+
- Bump @fluentui/react-portal to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
38
|
+
- Bump @fluentui/react-positioning to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
39
|
+
- Bump @fluentui/react-shared-contexts to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
40
|
+
- Bump @fluentui/react-theme to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
41
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
42
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
43
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
44
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
26
45
|
|
27
46
|
## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-beta.3)
|
28
47
|
|
package/dist/react-tooltip.d.ts
CHANGED
@@ -22,6 +22,8 @@ export declare const renderTooltip: (state: TooltipState) => JSX.Element;
|
|
22
22
|
*/
|
23
23
|
export declare const Tooltip: ForwardRefComponent<TooltipProps>;
|
24
24
|
|
25
|
+
export declare const tooltipClassName = "fui-Tooltip";
|
26
|
+
|
25
27
|
/**
|
26
28
|
* Properties and state for Tooltip
|
27
29
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC"}
|
@@ -1,4 +1,6 @@
|
|
1
1
|
import { __styles, mergeClasses } from '@fluentui/react-make-styles';
|
2
|
+
import { createArrowStyles } from '@fluentui/react-positioning';
|
3
|
+
export const tooltipClassName = 'fui-Tooltip';
|
2
4
|
/**
|
3
5
|
* Styles for the tooltip
|
4
6
|
*/
|
@@ -29,19 +31,26 @@ const useStyles = /*#__PURE__*/__styles({
|
|
29
31
|
},
|
30
32
|
"arrow": {
|
31
33
|
"qhf8xq": "f1euv43f",
|
32
|
-
"a9b677": "fpkirms",
|
33
|
-
"Bqenvij": "ftt2rgf",
|
34
34
|
"ayd6f0": "f1uo6wrk",
|
35
35
|
"Bcdw1i0": "fd7fpy0",
|
36
36
|
"Bj3rh1h": "f1bsuimh",
|
37
|
+
"Bubjx69": "f9ikmtg",
|
38
|
+
"a9b677": "fpkirms",
|
37
39
|
"rurcny": "fuzzvh5",
|
40
|
+
"zf3lio": "f1qudtws",
|
38
41
|
"xx9plb": "fxf9f1y",
|
39
42
|
"Bdn98qo": "f103af6e",
|
40
43
|
"Bbc2r3f": "f15umuo5",
|
41
44
|
"B4zgs9e": "ffo048g",
|
42
45
|
"Bex5imi": "fkk33zh",
|
43
46
|
"px8gyy": ["f5bg3dr", "f1rfdd74"],
|
44
|
-
"h6z6rw":
|
47
|
+
"h6z6rw": "fzd2j21",
|
48
|
+
"Iykf4b": ["feexxpo", "f7s5fvx"],
|
49
|
+
"F42hee": ["f1jq8eg5", "f12n7c5j"],
|
50
|
+
"Blxsnla": ["f1wv7y6t", "fi4qyh6"],
|
51
|
+
"t2scew": "fcvru7r",
|
52
|
+
"Emsed9": "f7ybgnc",
|
53
|
+
"E11wbp": "f16xtfle",
|
45
54
|
"hl6cv3": "fotnskf",
|
46
55
|
"Bh2vraf": "f1n8855c",
|
47
56
|
"yayu3t": ["f1nq055x", "f13ohf3"],
|
@@ -52,7 +61,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
52
61
|
"Bwwlvwl": "fm1ycve"
|
53
62
|
}
|
54
63
|
}, {
|
55
|
-
"d": [".fjseox{display:none;}", ".f1sbtcvk{padding-top:5px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fy7v416{padding-bottom:7px;}", ".f132xexn{max-width:240px;}", ".f158kwzp{cursor:default;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".fcm7iae{background:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxeb0a7{-webkit-filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}", ".ftgm304{display:block;}", ".fdr7u1v{background:var(--colorNeutralForeground2);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".f1euv43f{position:absolute;}", ".
|
64
|
+
"d": [".fjseox{display:none;}", ".f1sbtcvk{padding-top:5px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fy7v416{padding-bottom:7px;}", ".f132xexn{max-width:240px;}", ".f158kwzp{cursor:default;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".fcm7iae{background:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxeb0a7{-webkit-filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}", ".ftgm304{display:block;}", ".fdr7u1v{background:var(--colorNeutralForeground2);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".f1euv43f{position:absolute;}", ".f1uo6wrk{background:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".f9ikmtg{aspect-ratio:1;}", ".fpkirms{width:8.485px;}", ".fuzzvh5:before{content:\"\";}", ".f1qudtws:before{border-radius:4px;}", ".fxf9f1y:before{position:absolute;}", ".f103af6e:before{width:inherit;}", ".f15umuo5:before{height:inherit;}", ".ffo048g:before{background:inherit;}", ".fkk33zh:before{visibility:visible;}", ".f5bg3dr:before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f1rfdd74:before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fzd2j21:before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}", "[data-popper-placement] .feexxpo:before{border-right-width:1px;}", "[data-popper-placement] .f7s5fvx:before{border-left-width:1px;}", "[data-popper-placement] .f1jq8eg5:before{border-right-style:solid;}", "[data-popper-placement] .f12n7c5j:before{border-left-style:solid;}", "[data-popper-placement] .f1wv7y6t:before{border-right-color:transparent;}", "[data-popper-placement] .fi4qyh6:before{border-left-color:transparent;}", "[data-popper-placement] .fcvru7r:before{border-bottom-width:1px;}", "[data-popper-placement] .f7ybgnc:before{border-bottom-style:solid;}", "[data-popper-placement] .f16xtfle:before{border-bottom-color:transparent;}", "[data-popper-placement^=\"top\"] .fotnskf{bottom:0;}", "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}", "[data-popper-placement^=\"right\"] .f1nq055x{left:0;}", "[data-popper-placement^=\"right\"] .f13ohf3{right:0;}", "[data-popper-placement^=\"right\"] .fsw6im5{--angle:90deg;}", "[data-popper-placement^=\"bottom\"] .ftghsr9{top:0;}", "[data-popper-placement^=\"bottom\"] .f159pzir{--angle:180deg;}", "[data-popper-placement^=\"left\"] .f1l8vbt4{right:0;}", "[data-popper-placement^=\"left\"] .fsxzh25{left:0;}", "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"]
|
56
65
|
});
|
57
66
|
/**
|
58
67
|
* Apply styling to the Tooltip slots based on the state
|
@@ -61,7 +70,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
61
70
|
|
62
71
|
export const useTooltipStyles = state => {
|
63
72
|
const styles = useStyles();
|
64
|
-
state.root.className = mergeClasses(styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.root.className);
|
73
|
+
state.root.className = mergeClasses(tooltipClassName, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.root.className);
|
65
74
|
state.arrowClassName = styles.arrow;
|
66
75
|
return state;
|
67
76
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;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,EAAlB;
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AACA,SAAS,iBAAT,QAAkC,6BAAlC;AAGA,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AAEP;;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,EAAlB;AAkCA;;AAEG;;;AACH,OAAO,MAAM,gBAAgB,GAAI,KAAD,IAAsC;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,gBADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,UAAN,KAAqB,UAArB,IAAmC,MAAM,CAAC,QAHT,EAIjC,KAAK,CAAC,OAAN,IAAiB,MAAM,CAAC,OAJS,EAKjC,KAAK,CAAC,IAAN,CAAW,SALsB,CAAnC;AAQA,EAAA,KAAK,CAAC,cAAN,GAAuB,MAAM,CAAC,KAA9B;AAEA,SAAO,KAAP;AACD,CAdM","sourceRoot":""}
|
@@ -3,7 +3,6 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.useTooltipStyles = void 0;
|
7
6
|
|
8
7
|
const tslib_1 = /*#__PURE__*/require("tslib");
|
9
8
|
|
@@ -15,12 +14,5 @@ tslib_1.__exportStar(require("./renderTooltip"), exports);
|
|
15
14
|
|
16
15
|
tslib_1.__exportStar(require("./useTooltip"), exports);
|
17
16
|
|
18
|
-
|
19
|
-
|
20
|
-
Object.defineProperty(exports, "useTooltipStyles", {
|
21
|
-
enumerable: true,
|
22
|
-
get: function () {
|
23
|
-
return useTooltipStyles_1.useTooltipStyles;
|
24
|
-
}
|
25
|
-
});
|
17
|
+
tslib_1.__exportStar(require("./useTooltipStyles"), exports);
|
26
18
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -3,14 +3,17 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.useTooltipStyles = void 0;
|
6
|
+
exports.useTooltipStyles = exports.tooltipClassName = void 0;
|
7
7
|
|
8
8
|
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
|
+
|
10
|
+
const react_positioning_1 = /*#__PURE__*/require("@fluentui/react-positioning");
|
11
|
+
|
12
|
+
exports.tooltipClassName = 'fui-Tooltip';
|
9
13
|
/**
|
10
14
|
* Styles for the tooltip
|
11
15
|
*/
|
12
16
|
|
13
|
-
|
14
17
|
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
15
18
|
"root": {
|
16
19
|
"mc9l5x": "fjseox",
|
@@ -37,19 +40,26 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
37
40
|
},
|
38
41
|
"arrow": {
|
39
42
|
"qhf8xq": "f1euv43f",
|
40
|
-
"a9b677": "fpkirms",
|
41
|
-
"Bqenvij": "ftt2rgf",
|
42
43
|
"ayd6f0": "f1uo6wrk",
|
43
44
|
"Bcdw1i0": "fd7fpy0",
|
44
45
|
"Bj3rh1h": "f1bsuimh",
|
46
|
+
"Bubjx69": "f9ikmtg",
|
47
|
+
"a9b677": "fpkirms",
|
45
48
|
"rurcny": "fuzzvh5",
|
49
|
+
"zf3lio": "f1qudtws",
|
46
50
|
"xx9plb": "fxf9f1y",
|
47
51
|
"Bdn98qo": "f103af6e",
|
48
52
|
"Bbc2r3f": "f15umuo5",
|
49
53
|
"B4zgs9e": "ffo048g",
|
50
54
|
"Bex5imi": "fkk33zh",
|
51
55
|
"px8gyy": ["f5bg3dr", "f1rfdd74"],
|
52
|
-
"h6z6rw":
|
56
|
+
"h6z6rw": "fzd2j21",
|
57
|
+
"Iykf4b": ["feexxpo", "f7s5fvx"],
|
58
|
+
"F42hee": ["f1jq8eg5", "f12n7c5j"],
|
59
|
+
"Blxsnla": ["f1wv7y6t", "fi4qyh6"],
|
60
|
+
"t2scew": "fcvru7r",
|
61
|
+
"Emsed9": "f7ybgnc",
|
62
|
+
"E11wbp": "f16xtfle",
|
53
63
|
"hl6cv3": "fotnskf",
|
54
64
|
"Bh2vraf": "f1n8855c",
|
55
65
|
"yayu3t": ["f1nq055x", "f13ohf3"],
|
@@ -60,7 +70,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
60
70
|
"Bwwlvwl": "fm1ycve"
|
61
71
|
}
|
62
72
|
}, {
|
63
|
-
"d": [".fjseox{display:none;}", ".f1sbtcvk{padding-top:5px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fy7v416{padding-bottom:7px;}", ".f132xexn{max-width:240px;}", ".f158kwzp{cursor:default;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".fcm7iae{background:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxeb0a7{-webkit-filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}", ".ftgm304{display:block;}", ".fdr7u1v{background:var(--colorNeutralForeground2);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".f1euv43f{position:absolute;}", ".
|
73
|
+
"d": [".fjseox{display:none;}", ".f1sbtcvk{padding-top:5px;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".fy7v416{padding-bottom:7px;}", ".f132xexn{max-width:240px;}", ".f158kwzp{cursor:default;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".fcm7iae{background:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxeb0a7{-webkit-filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}", ".ftgm304{display:block;}", ".fdr7u1v{background:var(--colorNeutralForeground2);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".f1euv43f{position:absolute;}", ".f1uo6wrk{background:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".f9ikmtg{aspect-ratio:1;}", ".fpkirms{width:8.485px;}", ".fuzzvh5:before{content:\"\";}", ".f1qudtws:before{border-radius:4px;}", ".fxf9f1y:before{position:absolute;}", ".f103af6e:before{width:inherit;}", ".f15umuo5:before{height:inherit;}", ".ffo048g:before{background:inherit;}", ".fkk33zh:before{visibility:visible;}", ".f5bg3dr:before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f1rfdd74:before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fzd2j21:before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}", "[data-popper-placement] .feexxpo:before{border-right-width:1px;}", "[data-popper-placement] .f7s5fvx:before{border-left-width:1px;}", "[data-popper-placement] .f1jq8eg5:before{border-right-style:solid;}", "[data-popper-placement] .f12n7c5j:before{border-left-style:solid;}", "[data-popper-placement] .f1wv7y6t:before{border-right-color:transparent;}", "[data-popper-placement] .fi4qyh6:before{border-left-color:transparent;}", "[data-popper-placement] .fcvru7r:before{border-bottom-width:1px;}", "[data-popper-placement] .f7ybgnc:before{border-bottom-style:solid;}", "[data-popper-placement] .f16xtfle:before{border-bottom-color:transparent;}", "[data-popper-placement^=\"top\"] .fotnskf{bottom:0;}", "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}", "[data-popper-placement^=\"right\"] .f1nq055x{left:0;}", "[data-popper-placement^=\"right\"] .f13ohf3{right:0;}", "[data-popper-placement^=\"right\"] .fsw6im5{--angle:90deg;}", "[data-popper-placement^=\"bottom\"] .ftghsr9{top:0;}", "[data-popper-placement^=\"bottom\"] .f159pzir{--angle:180deg;}", "[data-popper-placement^=\"left\"] .f1l8vbt4{right:0;}", "[data-popper-placement^=\"left\"] .fsxzh25{left:0;}", "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"]
|
64
74
|
});
|
65
75
|
/**
|
66
76
|
* Apply styling to the Tooltip slots based on the state
|
@@ -69,7 +79,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
69
79
|
|
70
80
|
const useTooltipStyles = state => {
|
71
81
|
const styles = useStyles();
|
72
|
-
state.root.className = react_make_styles_1.mergeClasses(styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.root.className);
|
82
|
+
state.root.className = react_make_styles_1.mergeClasses(exports.tooltipClassName, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.root.className);
|
73
83
|
state.arrowClassName = styles.arrow;
|
74
84
|
return state;
|
75
85
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,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,EAAlB;AAkCA;;AAEG;;;AACI,MAAM,gBAAgB,GAAI,KAAD,IAAsC;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,gBADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,KAAK,CAAC,UAAN,KAAqB,UAArB,IAAmC,MAAM,CAAC,QAHrB,EAIrB,KAAK,CAAC,OAAN,IAAiB,MAAM,CAAC,OAJH,EAKrB,KAAK,CAAC,IAAN,CAAW,SALU,CAAvB;AAQA,EAAA,KAAK,CAAC,cAAN,GAAuB,MAAM,CAAC,KAA9B;AAEA,SAAO,KAAP;AACD,CAdM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-tooltip",
|
3
|
-
"version": "0.0.0-
|
3
|
+
"version": "0.0.0-nightlyc9ccb6f37d20211122.1",
|
4
4
|
"description": "React components for building web experiences",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -25,11 +25,11 @@
|
|
25
25
|
"storybook": "start-storybook"
|
26
26
|
},
|
27
27
|
"devDependencies": {
|
28
|
-
"@fluentui/babel-make-styles": "0.0.0-
|
28
|
+
"@fluentui/babel-make-styles": "0.0.0-nightlyc9ccb6f37d20211122.1",
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
30
|
-
"@fluentui/jest-serializer-make-styles": "0.0.0-
|
30
|
+
"@fluentui/jest-serializer-make-styles": "0.0.0-nightlyc9ccb6f37d20211122.1",
|
31
31
|
"@fluentui/react-conformance": "*",
|
32
|
-
"@fluentui/react-conformance-make-styles": "0.0.0-
|
32
|
+
"@fluentui/react-conformance-make-styles": "0.0.0-nightlyc9ccb6f37d20211122.1",
|
33
33
|
"@fluentui/scripts": "^1.0.0",
|
34
34
|
"@types/enzyme": "3.10.3",
|
35
35
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
@@ -43,12 +43,12 @@
|
|
43
43
|
"react-test-renderer": "^16.3.0"
|
44
44
|
},
|
45
45
|
"dependencies": {
|
46
|
-
"@fluentui/react-make-styles": "0.0.0-
|
47
|
-
"@fluentui/react-portal": "0.0.0-
|
48
|
-
"@fluentui/react-positioning": "0.0.0-
|
49
|
-
"@fluentui/react-shared-contexts": "0.0.0-
|
50
|
-
"@fluentui/react-theme": "0.0.0-
|
51
|
-
"@fluentui/react-utilities": "0.0.0-
|
46
|
+
"@fluentui/react-make-styles": "0.0.0-nightlyc9ccb6f37d20211122.1",
|
47
|
+
"@fluentui/react-portal": "0.0.0-nightlyc9ccb6f37d20211122.1",
|
48
|
+
"@fluentui/react-positioning": "0.0.0-nightlyc9ccb6f37d20211122.1",
|
49
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightlyc9ccb6f37d20211122.1",
|
50
|
+
"@fluentui/react-theme": "0.0.0-nightlyc9ccb6f37d20211122.1",
|
51
|
+
"@fluentui/react-utilities": "0.0.0-nightlyc9ccb6f37d20211122.1",
|
52
52
|
"tslib": "^2.1.0"
|
53
53
|
},
|
54
54
|
"peerDependencies": {
|
@@ -58,7 +58,6 @@
|
|
58
58
|
"react-dom": ">=16.8.0 <18.0.0"
|
59
59
|
},
|
60
60
|
"beachball": {
|
61
|
-
"tag": "beta",
|
62
61
|
"disallowedChangeTypes": [
|
63
62
|
"major",
|
64
63
|
"minor",
|