@fluentui/react-tooltip 9.4.34 → 9.4.36
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +21 -2
- package/lib/components/Tooltip/useTooltipStyles.styles.js +45 -28
- package/lib/components/Tooltip/useTooltipStyles.styles.js.map +1 -1
- package/lib-commonjs/components/Tooltip/useTooltipStyles.styles.js +65 -50
- package/lib-commonjs/components/Tooltip/useTooltipStyles.styles.js.map +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
@@ -1,12 +1,31 @@
|
|
1
1
|
# Change Log - @fluentui/react-tooltip
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Thu, 15 Aug 2024 08:18:59 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
+
## [9.4.36](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.4.36)
|
8
|
+
|
9
|
+
Thu, 15 Aug 2024 08:18:59 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.4.35..@fluentui/react-tooltip_v9.4.36)
|
11
|
+
|
12
|
+
### Patches
|
13
|
+
|
14
|
+
- Bump @fluentui/react-portal to v9.4.32 ([PR #31885](https://github.com/microsoft/fluentui/pull/31885) by beachball)
|
15
|
+
- Bump @fluentui/react-tabster to v9.22.4 ([PR #31885](https://github.com/microsoft/fluentui/pull/31885) by beachball)
|
16
|
+
|
17
|
+
## [9.4.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.4.35)
|
18
|
+
|
19
|
+
Tue, 30 Jul 2024 18:47:35 GMT
|
20
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.4.34..@fluentui/react-tooltip_v9.4.35)
|
21
|
+
|
22
|
+
### Patches
|
23
|
+
|
24
|
+
- Bump @fluentui/react-positioning to v9.15.7 ([PR #32157](https://github.com/microsoft/fluentui/pull/32157) by beachball)
|
25
|
+
|
7
26
|
## [9.4.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.4.34)
|
8
27
|
|
9
|
-
Tue, 23 Jul 2024 20:
|
28
|
+
Tue, 23 Jul 2024 20:13:14 GMT
|
10
29
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.4.33..@fluentui/react-tooltip_v9.4.34)
|
11
30
|
|
12
31
|
### Patches
|
@@ -57,37 +57,54 @@ const useStyles = /*#__PURE__*/__styles({
|
|
57
57
|
sj55zd: "fonrgv7"
|
58
58
|
},
|
59
59
|
arrow: {
|
60
|
+
B7ck84d: "f1ewtqcl",
|
60
61
|
qhf8xq: "f1euv43f",
|
61
|
-
De3pzq: "f1u2r49w",
|
62
|
-
Bcdw1i0: "fd7fpy0",
|
63
62
|
Bj3rh1h: "f1bsuimh",
|
64
|
-
|
65
|
-
|
63
|
+
rhnwrx: "f1s3jn22",
|
64
|
+
Bdy53xb: "fv40uqz",
|
65
|
+
De3pzq: "f1u2r49w",
|
66
|
+
B2eet1l: "fqhgnl",
|
67
|
+
Beyfa6y: "f17bz04i",
|
68
|
+
Bz10aip: "f36o3x3",
|
69
|
+
Bqenvij: "fzofk8q",
|
70
|
+
a9b677: "f1wbx1ie",
|
66
71
|
Ftih45: "f1wl9k8s",
|
67
|
-
|
68
|
-
Brfgrao: "f1j7ml58",
|
69
|
-
Bcvre1j: "fyl8oag",
|
70
|
-
Ccq8qp: "frdoeuz",
|
71
|
-
Baz25je: "fb81m9q",
|
72
|
+
Br0sdwz: "f1aocrix",
|
72
73
|
cmx5o7: "f1ljr5q2",
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
74
|
+
susq4k: 0,
|
75
|
+
Biibvgv: 0,
|
76
|
+
Bicfajf: 0,
|
77
|
+
qehafq: 0,
|
78
|
+
Brs5u8j: "f155f1qt",
|
79
|
+
Ccq8qp: "f9mhzq7",
|
80
|
+
Baz25je: "fr6rhvx",
|
81
|
+
Bcgcnre: 0,
|
77
82
|
Bqjgrrk: 0,
|
78
83
|
qa3bma: 0,
|
79
84
|
y0oebl: 0,
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
85
|
+
Biqmznv: 0,
|
86
|
+
Bm6vgfq: 0,
|
87
|
+
Bbv0w2i: 0,
|
88
|
+
uvfttm: 0,
|
89
|
+
eqrjj: 0,
|
90
|
+
Bk5zm6e: 0,
|
91
|
+
m598lv: 0,
|
92
|
+
B4f6apu: 0,
|
93
|
+
ydt019: 0,
|
94
|
+
Bq4z7u6: 0,
|
95
|
+
Bdkvgpv: 0,
|
96
|
+
B0qfbqy: 0,
|
97
|
+
kj8mxx: "f1kc0wz4",
|
98
|
+
r59vdv: "fgq90dz",
|
99
|
+
Bkw5xw4: "fq0y47f",
|
100
|
+
hl6cv3: "f1pwrbz6",
|
101
|
+
aea9ga: "f1hxxcvm",
|
102
|
+
yayu3t: "fw8rgyo",
|
103
|
+
Bhsv975: "f1wnzycx",
|
104
|
+
rhl9o9: "f1730wal",
|
105
|
+
B7gxrvb: "f1fy4ixr",
|
106
|
+
B6q6orb: "fobkauc",
|
107
|
+
B0lu1f8: "f16bqv1l"
|
91
108
|
}
|
92
109
|
}, {
|
93
110
|
d: [".fjseox{display:none;}", ".f1ewtqcl{box-sizing:border-box;}", ".f132xexn{max-width:240px;}", ".f158kwzp{cursor:default;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fokg9q4{overflow-wrap:break-word;}", [".ft85np5{border-radius:var(--borderRadiusMedium);}", {
|
@@ -96,11 +113,11 @@ const useStyles = /*#__PURE__*/__styles({
|
|
96
113
|
p: -2
|
97
114
|
}], [".f1bzqsji{padding:4px 11px 6px 11px;}", {
|
98
115
|
p: -1
|
99
|
-
}], ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxeb0a7{filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}", ".ftgm304{display:block;}", ".fg3r6xk{background-color:var(--colorNeutralBackgroundStatic);}", ".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}", ".f1euv43f{position:absolute;}", ".
|
116
|
+
}], ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxeb0a7{filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}", ".ftgm304{display:block;}", ".fg3r6xk{background-color:var(--colorNeutralBackgroundStatic);}", ".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}", ".f1euv43f{position:absolute;}", ".f1bsuimh{z-index:-1;}", ".f1s3jn22{--fui-positioning-arrow-height:8.484px;}", ".fv40uqz{--fui-positioning-arrow-offset:-4.242px;}", ".f1u2r49w{background-color:inherit;}", ".fqhgnl{background-clip:content-box;}", ".f17bz04i{border-bottom-left-radius:var(--borderRadiusSmall);}", ".f36o3x3{transform:rotate(var(--fui-positioning-arrow-angle));}", ".fzofk8q{height:var(--fui-positioning-arrow-height);}", ".f1wbx1ie{width:var(--fui-positioning-arrow-height);}", ".f1wl9k8s::before{content:\"\";}", ".f1aocrix::before{display:block;}", ".f1ljr5q2::before{background-color:inherit;}", [".f155f1qt::before{margin:-1px;}", {
|
100
117
|
p: -1
|
101
|
-
}], [".
|
102
|
-
p: -
|
103
|
-
}], ".
|
118
|
+
}], ".f9mhzq7::before{width:100%;}", ".fr6rhvx::before{height:100%;}", [".f1kc0wz4::before{border:1px solid var(--colorTransparentStroke);}", {
|
119
|
+
p: -2
|
120
|
+
}], ".fgq90dz::before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fq0y47f::before{clip-path:polygon(0% 0%, 100% 100%, 0% 100%);}", "[data-popper-placement^=\"top\"] .f1pwrbz6{bottom:var(--fui-positioning-arrow-offset);}", "[data-popper-placement^=\"top\"] .f1hxxcvm{--fui-positioning-arrow-angle:-45deg;}", "[data-popper-placement^=\"right\"] .fw8rgyo{left:var(--fui-positioning-arrow-offset);}", "[data-popper-placement^=\"right\"] .f1wnzycx{--fui-positioning-arrow-angle:45deg;}", "[data-popper-placement^=\"bottom\"] .f1730wal{top:var(--fui-positioning-arrow-offset);}", "[data-popper-placement^=\"bottom\"] .f1fy4ixr{--fui-positioning-arrow-angle:135deg;}", "[data-popper-placement^=\"left\"] .fobkauc{right:var(--fui-positioning-arrow-offset);}", "[data-popper-placement^=\"left\"] .f16bqv1l{--fui-positioning-arrow-angle:225deg;}"]
|
104
121
|
});
|
105
122
|
/**
|
106
123
|
* Apply styling to the Tooltip slots based on the state
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","createArrowStyles","tokens","arrowHeight","tooltipClassNames","content","useStyles","root","mc9l5x","B7ck84d","B2u0y6b","Bceei9c","Bahqtrf","Be2twd7","Bg96gwp","Btd35i7","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","De3pzq","sj55zd","Bhu2qc9","visible","inverted","arrow","qhf8xq","
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","createArrowStyles","tokens","arrowHeight","tooltipClassNames","content","useStyles","root","mc9l5x","B7ck84d","B2u0y6b","Bceei9c","Bahqtrf","Be2twd7","Bg96gwp","Btd35i7","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","De3pzq","sj55zd","Bhu2qc9","visible","inverted","arrow","qhf8xq","Bj3rh1h","rhnwrx","Bdy53xb","B2eet1l","Bz10aip","Bqenvij","a9b677","Ftih45","Br0sdwz","cmx5o7","susq4k","Biibvgv","Bicfajf","qehafq","Brs5u8j","Ccq8qp","Baz25je","Bcgcnre","Bqjgrrk","qa3bma","y0oebl","Biqmznv","Bm6vgfq","Bbv0w2i","uvfttm","eqrjj","Bk5zm6e","m598lv","B4f6apu","ydt019","Bq4z7u6","Bdkvgpv","B0qfbqy","kj8mxx","r59vdv","Bkw5xw4","hl6cv3","aea9ga","yayu3t","Bhsv975","rhl9o9","B7gxrvb","B6q6orb","B0lu1f8","d","p","useTooltipStyles_unstable","state","styles","className","appearance","arrowClassName"],"sources":["useTooltipStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { createArrowStyles } from '@fluentui/react-positioning';\nimport { tokens } from '@fluentui/react-theme';\nimport { arrowHeight } from './private/constants';\nexport const tooltipClassNames = {\n content: 'fui-Tooltip__content'\n};\n/**\n * Styles for the tooltip\n */ const 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 overflowWrap: 'break-word',\n borderRadius: tokens.borderRadiusMedium,\n border: `1px solid ${tokens.colorTransparentStroke}`,\n padding: '4px 11px 6px 11px',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n // TODO need to add versions of tokens.alias.shadow.shadow8, etc. that work with filter\n filter: `drop-shadow(0 0 2px ${tokens.colorNeutralShadowAmbient}) ` + `drop-shadow(0 4px 8px ${tokens.colorNeutralShadowKey})`\n },\n visible: {\n display: 'block'\n },\n inverted: {\n backgroundColor: tokens.colorNeutralBackgroundStatic,\n color: tokens.colorNeutralForegroundStaticInverted\n },\n arrow: createArrowStyles({\n arrowHeight\n })\n});\n/**\n * Apply styling to the Tooltip slots based on the state\n */ export const useTooltipStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.content.className = mergeClasses(tooltipClassNames.content, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.content.className);\n state.arrowClassName = styles.arrow;\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,WAAW,QAAQ,qBAAqB;AACjD,OAAO,MAAMC,iBAAiB,GAAG;EAC7BC,OAAO,EAAE;AACb,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGP,QAAA;EAAAQ,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;IAAAtC,MAAA;EAAA;EAAAuC,QAAA;IAAAJ,MAAA;IAAAC,MAAA;EAAA;EAAAI,KAAA;IAAAvC,OAAA;IAAAwC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAT,MAAA;IAAAU,OAAA;IAAArC,OAAA;IAAAsC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CA4BrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,yBAAyB,GAAIC,KAAK,IAAG;EAClD,aAAa;;EACb,MAAMC,MAAM,GAAG5F,SAAS,CAAC,CAAC;EAC1B2F,KAAK,CAAC5F,OAAO,CAAC8F,SAAS,GAAGnG,YAAY,CAACI,iBAAiB,CAACC,OAAO,EAAE6F,MAAM,CAAC3F,IAAI,EAAE0F,KAAK,CAACG,UAAU,KAAK,UAAU,IAAIF,MAAM,CAACnD,QAAQ,EAAEkD,KAAK,CAACnD,OAAO,IAAIoD,MAAM,CAACpD,OAAO,EAAEmD,KAAK,CAAC5F,OAAO,CAAC8F,SAAS,CAAC;EAC5LF,KAAK,CAACI,cAAc,GAAGH,MAAM,CAAClD,KAAK;EACnC,OAAOiD,KAAK;AAChB,CAAC","ignoreList":[]}
|
@@ -71,40 +71,54 @@ const tooltipClassNames = {
|
|
71
71
|
sj55zd: "fonrgv7"
|
72
72
|
},
|
73
73
|
arrow: {
|
74
|
+
B7ck84d: "f1ewtqcl",
|
74
75
|
qhf8xq: "f1euv43f",
|
75
|
-
De3pzq: "f1u2r49w",
|
76
|
-
Bcdw1i0: "fd7fpy0",
|
77
76
|
Bj3rh1h: "f1bsuimh",
|
78
|
-
|
79
|
-
|
77
|
+
rhnwrx: "f1s3jn22",
|
78
|
+
Bdy53xb: "fv40uqz",
|
79
|
+
De3pzq: "f1u2r49w",
|
80
|
+
B2eet1l: "fqhgnl",
|
81
|
+
Beyfa6y: "f17bz04i",
|
82
|
+
Bz10aip: "f36o3x3",
|
83
|
+
Bqenvij: "fzofk8q",
|
84
|
+
a9b677: "f1wbx1ie",
|
80
85
|
Ftih45: "f1wl9k8s",
|
81
|
-
|
82
|
-
Brfgrao: "f1j7ml58",
|
83
|
-
Bcvre1j: "fyl8oag",
|
84
|
-
Ccq8qp: "frdoeuz",
|
85
|
-
Baz25je: "fb81m9q",
|
86
|
+
Br0sdwz: "f1aocrix",
|
86
87
|
cmx5o7: "f1ljr5q2",
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
88
|
+
susq4k: 0,
|
89
|
+
Biibvgv: 0,
|
90
|
+
Bicfajf: 0,
|
91
|
+
qehafq: 0,
|
92
|
+
Brs5u8j: "f155f1qt",
|
93
|
+
Ccq8qp: "f9mhzq7",
|
94
|
+
Baz25je: "fr6rhvx",
|
95
|
+
Bcgcnre: 0,
|
91
96
|
Bqjgrrk: 0,
|
92
97
|
qa3bma: 0,
|
93
98
|
y0oebl: 0,
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
99
|
+
Biqmznv: 0,
|
100
|
+
Bm6vgfq: 0,
|
101
|
+
Bbv0w2i: 0,
|
102
|
+
uvfttm: 0,
|
103
|
+
eqrjj: 0,
|
104
|
+
Bk5zm6e: 0,
|
105
|
+
m598lv: 0,
|
106
|
+
B4f6apu: 0,
|
107
|
+
ydt019: 0,
|
108
|
+
Bq4z7u6: 0,
|
109
|
+
Bdkvgpv: 0,
|
110
|
+
B0qfbqy: 0,
|
111
|
+
kj8mxx: "f1kc0wz4",
|
112
|
+
r59vdv: "fgq90dz",
|
113
|
+
Bkw5xw4: "fq0y47f",
|
114
|
+
hl6cv3: "f1pwrbz6",
|
115
|
+
aea9ga: "f1hxxcvm",
|
116
|
+
yayu3t: "fw8rgyo",
|
117
|
+
Bhsv975: "f1wnzycx",
|
118
|
+
rhl9o9: "f1730wal",
|
119
|
+
B7gxrvb: "f1fy4ixr",
|
120
|
+
B6q6orb: "fobkauc",
|
121
|
+
B0lu1f8: "f16bqv1l"
|
108
122
|
}
|
109
123
|
}, {
|
110
124
|
d: [
|
@@ -141,41 +155,42 @@ const tooltipClassNames = {
|
|
141
155
|
".fg3r6xk{background-color:var(--colorNeutralBackgroundStatic);}",
|
142
156
|
".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}",
|
143
157
|
".f1euv43f{position:absolute;}",
|
144
|
-
".f1u2r49w{background-color:inherit;}",
|
145
|
-
".fd7fpy0{visibility:hidden;}",
|
146
158
|
".f1bsuimh{z-index:-1;}",
|
147
|
-
".
|
148
|
-
".
|
159
|
+
".f1s3jn22{--fui-positioning-arrow-height:8.484px;}",
|
160
|
+
".fv40uqz{--fui-positioning-arrow-offset:-4.242px;}",
|
161
|
+
".f1u2r49w{background-color:inherit;}",
|
162
|
+
".fqhgnl{background-clip:content-box;}",
|
163
|
+
".f17bz04i{border-bottom-left-radius:var(--borderRadiusSmall);}",
|
164
|
+
".f36o3x3{transform:rotate(var(--fui-positioning-arrow-angle));}",
|
165
|
+
".fzofk8q{height:var(--fui-positioning-arrow-height);}",
|
166
|
+
".f1wbx1ie{width:var(--fui-positioning-arrow-height);}",
|
149
167
|
".f1wl9k8s::before{content:\"\";}",
|
150
|
-
".
|
151
|
-
".f1j7ml58::before{position:absolute;}",
|
152
|
-
".fyl8oag::before{box-sizing:border-box;}",
|
153
|
-
".frdoeuz::before{width:inherit;}",
|
154
|
-
".fb81m9q::before{height:inherit;}",
|
168
|
+
".f1aocrix::before{display:block;}",
|
155
169
|
".f1ljr5q2::before{background-color:inherit;}",
|
156
170
|
[
|
157
|
-
".
|
171
|
+
".f155f1qt::before{margin:-1px;}",
|
158
172
|
{
|
159
173
|
p: -1
|
160
174
|
}
|
161
175
|
],
|
176
|
+
".f9mhzq7::before{width:100%;}",
|
177
|
+
".fr6rhvx::before{height:100%;}",
|
162
178
|
[
|
163
|
-
".
|
179
|
+
".f1kc0wz4::before{border:1px solid var(--colorTransparentStroke);}",
|
164
180
|
{
|
165
|
-
p: -
|
181
|
+
p: -2
|
166
182
|
}
|
167
183
|
],
|
168
|
-
".
|
169
|
-
".
|
170
|
-
".
|
171
|
-
"[data-popper-placement^=\"top\"] .
|
172
|
-
"[data-popper-placement^=\"
|
173
|
-
"[data-popper-placement^=\"right\"] .
|
174
|
-
"[data-popper-placement^=\"
|
175
|
-
"[data-popper-placement^=\"bottom\"] .
|
176
|
-
"[data-popper-placement^=\"
|
177
|
-
"[data-popper-placement^=\"left\"] .
|
178
|
-
"[data-popper-placement^=\"left\"] .f17lejdj{--fui-positioning-angle:270deg;}"
|
184
|
+
".fgq90dz::before{border-bottom-left-radius:var(--borderRadiusSmall);}",
|
185
|
+
".fq0y47f::before{clip-path:polygon(0% 0%, 100% 100%, 0% 100%);}",
|
186
|
+
"[data-popper-placement^=\"top\"] .f1pwrbz6{bottom:var(--fui-positioning-arrow-offset);}",
|
187
|
+
"[data-popper-placement^=\"top\"] .f1hxxcvm{--fui-positioning-arrow-angle:-45deg;}",
|
188
|
+
"[data-popper-placement^=\"right\"] .fw8rgyo{left:var(--fui-positioning-arrow-offset);}",
|
189
|
+
"[data-popper-placement^=\"right\"] .f1wnzycx{--fui-positioning-arrow-angle:45deg;}",
|
190
|
+
"[data-popper-placement^=\"bottom\"] .f1730wal{top:var(--fui-positioning-arrow-offset);}",
|
191
|
+
"[data-popper-placement^=\"bottom\"] .f1fy4ixr{--fui-positioning-arrow-angle:135deg;}",
|
192
|
+
"[data-popper-placement^=\"left\"] .fobkauc{right:var(--fui-positioning-arrow-offset);}",
|
193
|
+
"[data-popper-placement^=\"left\"] .f16bqv1l{--fui-positioning-arrow-angle:225deg;}"
|
179
194
|
]
|
180
195
|
});
|
181
196
|
const useTooltipStyles_unstable = (state)=>{
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["useTooltipStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { createArrowStyles } from '@fluentui/react-positioning';\nimport { tokens } from '@fluentui/react-theme';\nimport { arrowHeight } from './private/constants';\nexport const tooltipClassNames = {\n content: 'fui-Tooltip__content'\n};\n/**\n * Styles for the tooltip\n */ const 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 overflowWrap: 'break-word',\n borderRadius: tokens.borderRadiusMedium,\n border: `1px solid ${tokens.colorTransparentStroke}`,\n padding: '4px 11px 6px 11px',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n // TODO need to add versions of tokens.alias.shadow.shadow8, etc. that work with filter\n filter: `drop-shadow(0 0 2px ${tokens.colorNeutralShadowAmbient}) ` + `drop-shadow(0 4px 8px ${tokens.colorNeutralShadowKey})`\n },\n visible: {\n display: 'block'\n },\n inverted: {\n backgroundColor: tokens.colorNeutralBackgroundStatic,\n color: tokens.colorNeutralForegroundStaticInverted\n },\n arrow: createArrowStyles({\n arrowHeight\n })\n});\n/**\n * Apply styling to the Tooltip slots based on the state\n */ export const useTooltipStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.content.className = mergeClasses(tooltipClassNames.content, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.content.className);\n state.arrowClassName = styles.arrow;\n return state;\n};\n"],"names":["tooltipClassNames","useTooltipStyles_unstable","content","useStyles","__styles","root","mc9l5x","B7ck84d","B2u0y6b","Bceei9c","Bahqtrf","Be2twd7","Bg96gwp","Btd35i7","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","De3pzq","sj55zd","Bhu2qc9","visible","inverted","arrow","qhf8xq","
|
1
|
+
{"version":3,"sources":["useTooltipStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { createArrowStyles } from '@fluentui/react-positioning';\nimport { tokens } from '@fluentui/react-theme';\nimport { arrowHeight } from './private/constants';\nexport const tooltipClassNames = {\n content: 'fui-Tooltip__content'\n};\n/**\n * Styles for the tooltip\n */ const 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 overflowWrap: 'break-word',\n borderRadius: tokens.borderRadiusMedium,\n border: `1px solid ${tokens.colorTransparentStroke}`,\n padding: '4px 11px 6px 11px',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n // TODO need to add versions of tokens.alias.shadow.shadow8, etc. that work with filter\n filter: `drop-shadow(0 0 2px ${tokens.colorNeutralShadowAmbient}) ` + `drop-shadow(0 4px 8px ${tokens.colorNeutralShadowKey})`\n },\n visible: {\n display: 'block'\n },\n inverted: {\n backgroundColor: tokens.colorNeutralBackgroundStatic,\n color: tokens.colorNeutralForegroundStaticInverted\n },\n arrow: createArrowStyles({\n arrowHeight\n })\n});\n/**\n * Apply styling to the Tooltip slots based on the state\n */ export const useTooltipStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.content.className = mergeClasses(tooltipClassNames.content, styles.root, state.appearance === 'inverted' && styles.inverted, state.visible && styles.visible, state.content.className);\n state.arrowClassName = styles.arrow;\n return state;\n};\n"],"names":["tooltipClassNames","useTooltipStyles_unstable","content","useStyles","__styles","root","mc9l5x","B7ck84d","B2u0y6b","Bceei9c","Bahqtrf","Be2twd7","Bg96gwp","Btd35i7","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","De3pzq","sj55zd","Bhu2qc9","visible","inverted","arrow","qhf8xq","Bj3rh1h","rhnwrx","Bdy53xb","B2eet1l","Bz10aip","Bqenvij","a9b677","Ftih45","Br0sdwz","cmx5o7","susq4k","Biibvgv","Bicfajf","qehafq","Brs5u8j","Ccq8qp","Baz25je","Bcgcnre","Bqjgrrk","qa3bma","y0oebl","Biqmznv","Bm6vgfq","Bbv0w2i","uvfttm","eqrjj","Bk5zm6e","m598lv","B4f6apu","ydt019","Bq4z7u6","Bdkvgpv","B0qfbqy","kj8mxx","r59vdv","Bkw5xw4","hl6cv3","aea9ga","yayu3t","Bhsv975","rhl9o9","B7gxrvb","B6q6orb","B0lu1f8","d","p","state","styles","className","mergeClasses","appearance","arrowClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,iBAAiB;eAAjBA;;IAoCIC,yBAAyB;eAAzBA;;;uBAxCwB;AAIlC,MAAMD,oBAAoB;IAC7BE,SAAS;AACb;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,SAAA;QAAAtC,QAAA;IAAA;IAAAuC,UAAA;QAAAJ,QAAA;QAAAC,QAAA;IAAA;IAAAI,OAAA;QAAAvC,SAAA;QAAAwC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAT,QAAA;QAAAU,SAAA;QAAArC,SAAA;QAAAsC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,OAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AA+BX,MAAM5F,4BAA6B6F,CAAAA;IAC1C;IACA,MAAMC,SAAS5F;IACf2F,MAAM5F,OAAO,CAAC8F,SAAS,GAAGC,IAAAA,mBAAY,EAACjG,kBAAkBE,OAAO,EAAE6F,OAAO1F,IAAI,EAAEyF,MAAMI,UAAU,KAAK,cAAcH,OAAOlD,QAAQ,EAAEiD,MAAMlD,OAAO,IAAImD,OAAOnD,OAAO,EAAEkD,MAAM5F,OAAO,CAAC8F,SAAS;IAC3LF,MAAMK,cAAc,GAAGJ,OAAOjD,KAAK;IACnC,OAAOgD;AACX"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-tooltip",
|
3
|
-
"version": "9.4.
|
3
|
+
"version": "9.4.36",
|
4
4
|
"description": "React components for building web experiences",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -34,10 +34,10 @@
|
|
34
34
|
"dependencies": {
|
35
35
|
"@fluentui/keyboard-keys": "^9.0.7",
|
36
36
|
"@fluentui/react-jsx-runtime": "^9.0.42",
|
37
|
-
"@fluentui/react-portal": "^9.4.
|
38
|
-
"@fluentui/react-positioning": "^9.15.
|
37
|
+
"@fluentui/react-portal": "^9.4.32",
|
38
|
+
"@fluentui/react-positioning": "^9.15.7",
|
39
39
|
"@fluentui/react-shared-contexts": "^9.20.0",
|
40
|
-
"@fluentui/react-tabster": "^9.22.
|
40
|
+
"@fluentui/react-tabster": "^9.22.4",
|
41
41
|
"@fluentui/react-theme": "^9.1.19",
|
42
42
|
"@fluentui/react-utilities": "^9.18.13",
|
43
43
|
"@griffel/react": "^1.5.22",
|