@fluentui/react-tooltip 0.0.0-nightly-20240730-0407.1 → 0.0.0-nightly-20240816-2133.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.
Files changed (6) hide show
  1. package/CHANGELOG.md +14 -14
  2. package/lib/components/Tooltip/useTooltipStyles.styles.js +37 -54
  3. package/lib/components/Tooltip/useTooltipStyles.styles.js.map +1 -1
  4. package/lib-commonjs/components/Tooltip/useTooltipStyles.styles.js +66 -81
  5. package/lib-commonjs/components/Tooltip/useTooltipStyles.styles.js.map +1 -1
  6. package/package.json +11 -11
package/CHANGELOG.md CHANGED
@@ -1,27 +1,27 @@
1
1
  # Change Log - @fluentui/react-tooltip
2
2
 
3
- This log was last generated on Tue, 30 Jul 2024 04:17:40 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 16 Aug 2024 21:44:00 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20240730-0407.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v0.0.0-nightly-20240730-0407.1)
7
+ ## [0.0.0-nightly-20240816-2133.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v0.0.0-nightly-20240816-2133.1)
8
8
 
9
- Tue, 30 Jul 2024 04:17:40 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.4.34..@fluentui/react-tooltip_v0.0.0-nightly-20240730-0407.1)
9
+ Fri, 16 Aug 2024 21:44:00 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.4.34..@fluentui/react-tooltip_v0.0.0-nightly-20240816-2133.1)
11
11
 
12
12
  ### Changes
13
13
 
14
14
  - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
15
- - Bump @fluentui/keyboard-keys to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
16
- - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
17
- - Bump @fluentui/react-portal to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
18
- - Bump @fluentui/react-positioning to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
19
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
20
- - Bump @fluentui/react-tabster to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
21
- - Bump @fluentui/react-theme to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
22
- - Bump @fluentui/react-utilities to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
23
- - Bump @fluentui/react-conformance to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
24
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
15
+ - Bump @fluentui/keyboard-keys to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
16
+ - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
17
+ - Bump @fluentui/react-portal to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
18
+ - Bump @fluentui/react-positioning to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
19
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
20
+ - Bump @fluentui/react-tabster to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
21
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
22
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
23
+ - Bump @fluentui/react-conformance to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
24
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
25
25
 
26
26
  ## [9.4.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.4.34)
27
27
 
package/lib/components/Tooltip/useTooltipStyles.styles.js CHANGED
@@ -14,15 +14,15 @@ const useStyles = /*#__PURE__*/__styles({
14
14
  B7ck84d: "f1ewtqcl",
15
15
  B2u0y6b: "f132xexn",
16
16
  Bceei9c: "f158kwzp",
17
- Bahqtrf: "fk6fouc",
18
- Be2twd7: "fy9rknc",
19
- Bg96gwp: "fwrc4pm",
17
+ Bahqtrf: "fjbevu3",
18
+ Be2twd7: "fn5aqg7",
19
+ Bg96gwp: "fr0szhv",
20
20
  Btd35i7: "fokg9q4",
21
21
  Beyfa6y: 0,
22
22
  Bbmb7ep: 0,
23
23
  Btl43ni: 0,
24
24
  B7oj6ja: 0,
25
- Dimara: "ft85np5",
25
+ Dimara: "foqlxf1",
26
26
  Bgfg5da: 0,
27
27
  B9xav0g: 0,
28
28
  oivjwe: 0,
@@ -45,79 +45,62 @@ const useStyles = /*#__PURE__*/__styles({
45
45
  z189sj: 0,
46
46
  z8tnut: 0,
47
47
  B0ocmuz: "f1bzqsji",
48
- De3pzq: "fxugw4r",
49
- sj55zd: "f19n0e5",
48
+ De3pzq: "fx7s9c",
49
+ sj55zd: "f1hntgb4",
50
50
  Bhu2qc9: "fxeb0a7"
51
51
  },
52
52
  visible: {
53
53
  mc9l5x: "ftgm304"
54
54
  },
55
55
  inverted: {
56
- De3pzq: "fg3r6xk",
57
- sj55zd: "fonrgv7"
56
+ De3pzq: "fpfuevq",
57
+ sj55zd: "f1nl15s2"
58
58
  },
59
59
  arrow: {
60
- B7ck84d: "f1ewtqcl",
61
60
  qhf8xq: "f1euv43f",
62
- Bj3rh1h: "f1bsuimh",
63
- rhnwrx: "f1s3jn22",
64
- Bdy53xb: "fv40uqz",
65
61
  De3pzq: "f1u2r49w",
66
- B2eet1l: "fqhgnl",
67
- Beyfa6y: "f17bz04i",
68
- Bz10aip: "f36o3x3",
69
- Bqenvij: "fzofk8q",
70
- a9b677: "f1wbx1ie",
62
+ Bcdw1i0: "fd7fpy0",
63
+ Bj3rh1h: "f1bsuimh",
64
+ a9b677: "f1ekdpwm",
65
+ Bqenvij: "f83vc9z",
71
66
  Ftih45: "f1wl9k8s",
72
- Br0sdwz: "f1aocrix",
67
+ B1puzpu: "f1wkw4r9",
68
+ Brfgrao: "f1j7ml58",
69
+ Bcvre1j: "fyl8oag",
70
+ Ccq8qp: "frdoeuz",
71
+ Baz25je: "fb81m9q",
73
72
  cmx5o7: "f1ljr5q2",
74
- susq4k: 0,
75
- Biibvgv: 0,
76
- Bicfajf: 0,
77
- qehafq: 0,
78
- Brs5u8j: "f155f1qt",
79
- Ccq8qp: "f9mhzq7",
80
- Baz25je: "fr6rhvx",
81
- Bcgcnre: 0,
82
- Bqjgrrk: 0,
83
- qa3bma: 0,
84
- y0oebl: 0,
85
- Biqmznv: 0,
86
- Bm6vgfq: 0,
87
- Bbv0w2i: 0,
88
- uvfttm: 0,
89
- eqrjj: 0,
90
73
  Bk5zm6e: 0,
91
74
  m598lv: 0,
92
75
  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"
76
+ eqrjj: "f15tymiq",
77
+ Bqjgrrk: 0,
78
+ qa3bma: 0,
79
+ y0oebl: 0,
80
+ Bcgcnre: "fi8wnwo",
81
+ Budzafs: ["f9e5op9", "f112wvtl"],
82
+ Hv9wc6: "f16cagkn",
83
+ hl6cv3: "f1773hnp",
84
+ c8svkw: "fw7o64x",
85
+ yayu3t: "f1v7783n",
86
+ nr3p0k: "f1f0d6v",
87
+ rhl9o9: "fh2hsk5",
88
+ wiz9v7: "f1gj3y7g",
89
+ B6q6orb: "f11yvu4",
90
+ ndpsmx: "f17lejdj"
108
91
  }
109
92
  }, {
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);}", {
93
+ d: [".fjseox{display:none;}", ".f1ewtqcl{box-sizing:border-box;}", ".f132xexn{max-width:240px;}", ".f158kwzp{cursor:default;}", ".fjbevu3{font-family:var(--ctrl-token-Tooltip-2835, var(--semantic-token-Tooltip-2836, var(--fontFamilyBase)));}", ".fn5aqg7{font-size:var(--ctrl-token-Tooltip-2837, var(--semantic-token-Tooltip-2838, var(--fontSizeBase200)));}", ".fr0szhv{line-height:var(--ctrl-token-Tooltip-2839, var(--semantic-token-Tooltip-2840, var(--lineHeightBase200)));}", ".fokg9q4{overflow-wrap:break-word;}", [".foqlxf1{border-radius:var(--ctrl-token-Tooltip-2841, var(--semantic-token-Tooltip-2842, var(--borderRadiusMedium)));}", {
111
94
  p: -1
112
95
  }], [".f9ggezi{border:1px solid var(--colorTransparentStroke);}", {
113
96
  p: -2
114
97
  }], [".f1bzqsji{padding:4px 11px 6px 11px;}", {
115
98
  p: -1
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;}", {
99
+ }], ".fx7s9c{background-color:var(--ctrl-token-Tooltip-2843, var(--semantic-token-Tooltip-2844, var(--colorNeutralBackground1)));}", ".f1hntgb4{color:var(--ctrl-token-Tooltip-2845, var(--semantic-token-Tooltip-2846, var(--colorNeutralForeground1)));}", ".fxeb0a7{filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}", ".ftgm304{display:block;}", ".fpfuevq{background-color:var(--ctrl-token-Tooltip-2847, var(--semantic-token-Tooltip-2848, var(--colorNeutralBackgroundStatic)));}", ".f1nl15s2{color:var(--ctrl-token-Tooltip-2849, var(--semantic-token-Tooltip-2850, var(--colorNeutralForegroundStaticInverted)));}", ".f1euv43f{position:absolute;}", ".f1u2r49w{background-color:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".f1ekdpwm{width:8.484px;}", ".f83vc9z{height:8.484px;}", ".f1wl9k8s::before{content:\"\";}", ".f1wkw4r9::before{visibility:visible;}", ".f1j7ml58::before{position:absolute;}", ".fyl8oag::before{box-sizing:border-box;}", ".frdoeuz::before{width:inherit;}", ".fb81m9q::before{height:inherit;}", ".f1ljr5q2::before{background-color:inherit;}", [".f15tymiq::before{border-right:1px solid var(--colorTransparentStroke);}", {
117
100
  p: -1
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;}"]
101
+ }], [".fi8wnwo::before{border-bottom:1px solid var(--colorTransparentStroke);}", {
102
+ p: -1
103
+ }], ".f9e5op9::before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f112wvtl::before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".f16cagkn::before{transform:rotate(var(--fui-positioning-angle)) translate(0, 50%) rotate(45deg);}", "[data-popper-placement^=\"top\"] .f1773hnp{bottom:-1px;}", "[data-popper-placement^=\"top\"] .fw7o64x{--fui-positioning-angle:0;}", "[data-popper-placement^=\"right\"] .f1v7783n{left:-1px;}", "[data-popper-placement^=\"right\"] .f1f0d6v{--fui-positioning-angle:90deg;}", "[data-popper-placement^=\"bottom\"] .fh2hsk5{top:-1px;}", "[data-popper-placement^=\"bottom\"] .f1gj3y7g{--fui-positioning-angle:180deg;}", "[data-popper-placement^=\"left\"] .f11yvu4{right:-1px;}", "[data-popper-placement^=\"left\"] .f17lejdj{--fui-positioning-angle:270deg;}"]
121
104
  });
122
105
  /**
123
106
  * Apply styling to the Tooltip slots based on the state
package/lib/components/Tooltip/useTooltipStyles.styles.js.map CHANGED
@@ -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","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":[]}
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","Bcdw1i0","Bj3rh1h","a9b677","Bqenvij","Ftih45","B1puzpu","Brfgrao","Bcvre1j","Ccq8qp","Baz25je","cmx5o7","Bk5zm6e","m598lv","B4f6apu","eqrjj","Bqjgrrk","qa3bma","y0oebl","Bcgcnre","Budzafs","Hv9wc6","hl6cv3","c8svkw","yayu3t","nr3p0k","rhl9o9","wiz9v7","B6q6orb","ndpsmx","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: `var(--ctrl-token-Tooltip-2835, var(--semantic-token-Tooltip-2836, ${tokens.fontFamilyBase}))`,\n fontSize: `var(--ctrl-token-Tooltip-2837, var(--semantic-token-Tooltip-2838, ${tokens.fontSizeBase200}))`,\n lineHeight: `var(--ctrl-token-Tooltip-2839, var(--semantic-token-Tooltip-2840, ${tokens.lineHeightBase200}))`,\n overflowWrap: 'break-word',\n borderRadius: `var(--ctrl-token-Tooltip-2841, var(--semantic-token-Tooltip-2842, ${tokens.borderRadiusMedium}))`,\n border: `1px solid ${tokens.colorTransparentStroke}`,\n padding: '4px 11px 6px 11px',\n backgroundColor: `var(--ctrl-token-Tooltip-2843, var(--semantic-token-Tooltip-2844, ${tokens.colorNeutralBackground1}))`,\n color: `var(--ctrl-token-Tooltip-2845, var(--semantic-token-Tooltip-2846, ${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: `var(--ctrl-token-Tooltip-2847, var(--semantic-token-Tooltip-2848, ${tokens.colorNeutralBackgroundStatic}))`,\n color: `var(--ctrl-token-Tooltip-2849, var(--semantic-token-Tooltip-2850, ${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;IAAAC,MAAA;IAAAN,MAAA;IAAAO,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;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,GAAG7E,SAAS,CAAC,CAAC;EAC1B4E,KAAK,CAAC7E,OAAO,CAAC+E,SAAS,GAAGpF,YAAY,CAACI,iBAAiB,CAACC,OAAO,EAAE8E,MAAM,CAAC5E,IAAI,EAAE2E,KAAK,CAACG,UAAU,KAAK,UAAU,IAAIF,MAAM,CAACpC,QAAQ,EAAEmC,KAAK,CAACpC,OAAO,IAAIqC,MAAM,CAACrC,OAAO,EAAEoC,KAAK,CAAC7E,OAAO,CAAC+E,SAAS,CAAC;EAC5LF,KAAK,CAACI,cAAc,GAAGH,MAAM,CAACnC,KAAK;EACnC,OAAOkC,KAAK;AAChB,CAAC","ignoreList":[]}
package/lib-commonjs/components/Tooltip/useTooltipStyles.styles.js CHANGED
@@ -28,15 +28,15 @@ const tooltipClassNames = {
28
28
  B7ck84d: "f1ewtqcl",
29
29
  B2u0y6b: "f132xexn",
30
30
  Bceei9c: "f158kwzp",
31
- Bahqtrf: "fk6fouc",
32
- Be2twd7: "fy9rknc",
33
- Bg96gwp: "fwrc4pm",
31
+ Bahqtrf: "fjbevu3",
32
+ Be2twd7: "fn5aqg7",
33
+ Bg96gwp: "fr0szhv",
34
34
  Btd35i7: "fokg9q4",
35
35
  Beyfa6y: 0,
36
36
  Bbmb7ep: 0,
37
37
  Btl43ni: 0,
38
38
  B7oj6ja: 0,
39
- Dimara: "ft85np5",
39
+ Dimara: "foqlxf1",
40
40
  Bgfg5da: 0,
41
41
  B9xav0g: 0,
42
42
  oivjwe: 0,
@@ -59,66 +59,52 @@ const tooltipClassNames = {
59
59
  z189sj: 0,
60
60
  z8tnut: 0,
61
61
  B0ocmuz: "f1bzqsji",
62
- De3pzq: "fxugw4r",
63
- sj55zd: "f19n0e5",
62
+ De3pzq: "fx7s9c",
63
+ sj55zd: "f1hntgb4",
64
64
  Bhu2qc9: "fxeb0a7"
65
65
  },
66
66
  visible: {
67
67
  mc9l5x: "ftgm304"
68
68
  },
69
69
  inverted: {
70
- De3pzq: "fg3r6xk",
71
- sj55zd: "fonrgv7"
70
+ De3pzq: "fpfuevq",
71
+ sj55zd: "f1nl15s2"
72
72
  },
73
73
  arrow: {
74
- B7ck84d: "f1ewtqcl",
75
74
  qhf8xq: "f1euv43f",
76
- Bj3rh1h: "f1bsuimh",
77
- rhnwrx: "f1s3jn22",
78
- Bdy53xb: "fv40uqz",
79
75
  De3pzq: "f1u2r49w",
80
- B2eet1l: "fqhgnl",
81
- Beyfa6y: "f17bz04i",
82
- Bz10aip: "f36o3x3",
83
- Bqenvij: "fzofk8q",
84
- a9b677: "f1wbx1ie",
76
+ Bcdw1i0: "fd7fpy0",
77
+ Bj3rh1h: "f1bsuimh",
78
+ a9b677: "f1ekdpwm",
79
+ Bqenvij: "f83vc9z",
85
80
  Ftih45: "f1wl9k8s",
86
- Br0sdwz: "f1aocrix",
81
+ B1puzpu: "f1wkw4r9",
82
+ Brfgrao: "f1j7ml58",
83
+ Bcvre1j: "fyl8oag",
84
+ Ccq8qp: "frdoeuz",
85
+ Baz25je: "fb81m9q",
87
86
  cmx5o7: "f1ljr5q2",
88
- susq4k: 0,
89
- Biibvgv: 0,
90
- Bicfajf: 0,
91
- qehafq: 0,
92
- Brs5u8j: "f155f1qt",
93
- Ccq8qp: "f9mhzq7",
94
- Baz25je: "fr6rhvx",
95
- Bcgcnre: 0,
96
- Bqjgrrk: 0,
97
- qa3bma: 0,
98
- y0oebl: 0,
99
- Biqmznv: 0,
100
- Bm6vgfq: 0,
101
- Bbv0w2i: 0,
102
- uvfttm: 0,
103
- eqrjj: 0,
104
87
  Bk5zm6e: 0,
105
88
  m598lv: 0,
106
89
  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"
90
+ eqrjj: "f15tymiq",
91
+ Bqjgrrk: 0,
92
+ qa3bma: 0,
93
+ y0oebl: 0,
94
+ Bcgcnre: "fi8wnwo",
95
+ Budzafs: [
96
+ "f9e5op9",
97
+ "f112wvtl"
98
+ ],
99
+ Hv9wc6: "f16cagkn",
100
+ hl6cv3: "f1773hnp",
101
+ c8svkw: "fw7o64x",
102
+ yayu3t: "f1v7783n",
103
+ nr3p0k: "f1f0d6v",
104
+ rhl9o9: "fh2hsk5",
105
+ wiz9v7: "f1gj3y7g",
106
+ B6q6orb: "f11yvu4",
107
+ ndpsmx: "f17lejdj"
122
108
  }
123
109
  }, {
124
110
  d: [
@@ -126,12 +112,12 @@ const tooltipClassNames = {
126
112
  ".f1ewtqcl{box-sizing:border-box;}",
127
113
  ".f132xexn{max-width:240px;}",
128
114
  ".f158kwzp{cursor:default;}",
129
- ".fk6fouc{font-family:var(--fontFamilyBase);}",
130
- ".fy9rknc{font-size:var(--fontSizeBase200);}",
131
- ".fwrc4pm{line-height:var(--lineHeightBase200);}",
115
+ ".fjbevu3{font-family:var(--ctrl-token-Tooltip-2835, var(--semantic-token-Tooltip-2836, var(--fontFamilyBase)));}",
116
+ ".fn5aqg7{font-size:var(--ctrl-token-Tooltip-2837, var(--semantic-token-Tooltip-2838, var(--fontSizeBase200)));}",
117
+ ".fr0szhv{line-height:var(--ctrl-token-Tooltip-2839, var(--semantic-token-Tooltip-2840, var(--lineHeightBase200)));}",
132
118
  ".fokg9q4{overflow-wrap:break-word;}",
133
119
  [
134
- ".ft85np5{border-radius:var(--borderRadiusMedium);}",
120
+ ".foqlxf1{border-radius:var(--ctrl-token-Tooltip-2841, var(--semantic-token-Tooltip-2842, var(--borderRadiusMedium)));}",
135
121
  {
136
122
  p: -1
137
123
  }
@@ -148,49 +134,48 @@ const tooltipClassNames = {
148
134
  p: -1
149
135
  }
150
136
  ],
151
- ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
152
- ".f19n0e5{color:var(--colorNeutralForeground1);}",
137
+ ".fx7s9c{background-color:var(--ctrl-token-Tooltip-2843, var(--semantic-token-Tooltip-2844, var(--colorNeutralBackground1)));}",
138
+ ".f1hntgb4{color:var(--ctrl-token-Tooltip-2845, var(--semantic-token-Tooltip-2846, var(--colorNeutralForeground1)));}",
153
139
  ".fxeb0a7{filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}",
154
140
  ".ftgm304{display:block;}",
155
- ".fg3r6xk{background-color:var(--colorNeutralBackgroundStatic);}",
156
- ".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}",
141
+ ".fpfuevq{background-color:var(--ctrl-token-Tooltip-2847, var(--semantic-token-Tooltip-2848, var(--colorNeutralBackgroundStatic)));}",
142
+ ".f1nl15s2{color:var(--ctrl-token-Tooltip-2849, var(--semantic-token-Tooltip-2850, var(--colorNeutralForegroundStaticInverted)));}",
157
143
  ".f1euv43f{position:absolute;}",
158
- ".f1bsuimh{z-index:-1;}",
159
- ".f1s3jn22{--fui-positioning-arrow-height:8.484px;}",
160
- ".fv40uqz{--fui-positioning-arrow-offset:-4.242px;}",
161
144
  ".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);}",
145
+ ".fd7fpy0{visibility:hidden;}",
146
+ ".f1bsuimh{z-index:-1;}",
147
+ ".f1ekdpwm{width:8.484px;}",
148
+ ".f83vc9z{height:8.484px;}",
167
149
  ".f1wl9k8s::before{content:\"\";}",
168
- ".f1aocrix::before{display:block;}",
150
+ ".f1wkw4r9::before{visibility:visible;}",
151
+ ".f1j7ml58::before{position:absolute;}",
152
+ ".fyl8oag::before{box-sizing:border-box;}",
153
+ ".frdoeuz::before{width:inherit;}",
154
+ ".fb81m9q::before{height:inherit;}",
169
155
  ".f1ljr5q2::before{background-color:inherit;}",
170
156
  [
171
- ".f155f1qt::before{margin:-1px;}",
157
+ ".f15tymiq::before{border-right:1px solid var(--colorTransparentStroke);}",
172
158
  {
173
159
  p: -1
174
160
  }
175
161
  ],
176
- ".f9mhzq7::before{width:100%;}",
177
- ".fr6rhvx::before{height:100%;}",
178
162
  [
179
- ".f1kc0wz4::before{border:1px solid var(--colorTransparentStroke);}",
163
+ ".fi8wnwo::before{border-bottom:1px solid var(--colorTransparentStroke);}",
180
164
  {
181
- p: -2
165
+ p: -1
182
166
  }
183
167
  ],
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;}"
168
+ ".f9e5op9::before{border-bottom-right-radius:var(--borderRadiusSmall);}",
169
+ ".f112wvtl::before{border-bottom-left-radius:var(--borderRadiusSmall);}",
170
+ ".f16cagkn::before{transform:rotate(var(--fui-positioning-angle)) translate(0, 50%) rotate(45deg);}",
171
+ "[data-popper-placement^=\"top\"] .f1773hnp{bottom:-1px;}",
172
+ "[data-popper-placement^=\"top\"] .fw7o64x{--fui-positioning-angle:0;}",
173
+ "[data-popper-placement^=\"right\"] .f1v7783n{left:-1px;}",
174
+ "[data-popper-placement^=\"right\"] .f1f0d6v{--fui-positioning-angle:90deg;}",
175
+ "[data-popper-placement^=\"bottom\"] .fh2hsk5{top:-1px;}",
176
+ "[data-popper-placement^=\"bottom\"] .f1gj3y7g{--fui-positioning-angle:180deg;}",
177
+ "[data-popper-placement^=\"left\"] .f11yvu4{right:-1px;}",
178
+ "[data-popper-placement^=\"left\"] .f17lejdj{--fui-positioning-angle:270deg;}"
194
179
  ]
195
180
  });
196
181
  const useTooltipStyles_unstable = (state)=>{
package/lib-commonjs/components/Tooltip/useTooltipStyles.styles.js.map CHANGED
@@ -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","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"}
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: `var(--ctrl-token-Tooltip-2835, var(--semantic-token-Tooltip-2836, ${tokens.fontFamilyBase}))`,\n fontSize: `var(--ctrl-token-Tooltip-2837, var(--semantic-token-Tooltip-2838, ${tokens.fontSizeBase200}))`,\n lineHeight: `var(--ctrl-token-Tooltip-2839, var(--semantic-token-Tooltip-2840, ${tokens.lineHeightBase200}))`,\n overflowWrap: 'break-word',\n borderRadius: `var(--ctrl-token-Tooltip-2841, var(--semantic-token-Tooltip-2842, ${tokens.borderRadiusMedium}))`,\n border: `1px solid ${tokens.colorTransparentStroke}`,\n padding: '4px 11px 6px 11px',\n backgroundColor: `var(--ctrl-token-Tooltip-2843, var(--semantic-token-Tooltip-2844, ${tokens.colorNeutralBackground1}))`,\n color: `var(--ctrl-token-Tooltip-2845, var(--semantic-token-Tooltip-2846, ${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: `var(--ctrl-token-Tooltip-2847, var(--semantic-token-Tooltip-2848, ${tokens.colorNeutralBackgroundStatic}))`,\n color: `var(--ctrl-token-Tooltip-2849, var(--semantic-token-Tooltip-2850, ${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","Bcdw1i0","Bj3rh1h","a9b677","Bqenvij","Ftih45","B1puzpu","Brfgrao","Bcvre1j","Ccq8qp","Baz25je","cmx5o7","Bk5zm6e","m598lv","B4f6apu","eqrjj","Bqjgrrk","qa3bma","y0oebl","Bcgcnre","Budzafs","Hv9wc6","hl6cv3","c8svkw","yayu3t","nr3p0k","rhl9o9","wiz9v7","B6q6orb","ndpsmx","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;QAAAC,QAAA;QAAAN,QAAA;QAAAO,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,OAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;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;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AA+BX,MAAM7E,4BAA6B8E,CAAAA;IAC1C;IACA,MAAMC,SAAS7E;IACf4E,MAAM7E,OAAO,CAAC+E,SAAS,GAAGC,IAAAA,mBAAY,EAAClF,kBAAkBE,OAAO,EAAE8E,OAAO3E,IAAI,EAAE0E,MAAMI,UAAU,KAAK,cAAcH,OAAOnC,QAAQ,EAAEkC,MAAMnC,OAAO,IAAIoC,OAAOpC,OAAO,EAAEmC,MAAM7E,OAAO,CAAC+E,SAAS;IAC3LF,MAAMK,cAAc,GAAGJ,OAAOlC,KAAK;IACnC,OAAOiC;AACX"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-tooltip",
3
- "version": "0.0.0-nightly-20240730-0407.1",
3
+ "version": "0.0.0-nightly-20240816-2133.1",
4
4
  "description": "React components for building web experiences",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -25,21 +25,21 @@
25
25
  "generate-api": "just-scripts generate-api"
26
26
  },
27
27
  "devDependencies": {
28
- "@fluentui/react-conformance": "0.0.0-nightly-20240730-0407.1",
28
+ "@fluentui/react-conformance": "0.0.0-nightly-20240816-2133.1",
29
29
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240730-0407.1",
30
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240816-2133.1",
31
31
  "@fluentui/scripts-api-extractor": "*",
32
32
  "@fluentui/scripts-tasks": "*"
33
33
  },
34
34
  "dependencies": {
35
- "@fluentui/keyboard-keys": "0.0.0-nightly-20240730-0407.1",
36
- "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240730-0407.1",
37
- "@fluentui/react-portal": "0.0.0-nightly-20240730-0407.1",
38
- "@fluentui/react-positioning": "0.0.0-nightly-20240730-0407.1",
39
- "@fluentui/react-shared-contexts": "0.0.0-nightly-20240730-0407.1",
40
- "@fluentui/react-tabster": "0.0.0-nightly-20240730-0407.1",
41
- "@fluentui/react-theme": "0.0.0-nightly-20240730-0407.1",
42
- "@fluentui/react-utilities": "0.0.0-nightly-20240730-0407.1",
35
+ "@fluentui/keyboard-keys": "0.0.0-nightly-20240816-2133.1",
36
+ "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240816-2133.1",
37
+ "@fluentui/react-portal": "0.0.0-nightly-20240816-2133.1",
38
+ "@fluentui/react-positioning": "0.0.0-nightly-20240816-2133.1",
39
+ "@fluentui/react-shared-contexts": "0.0.0-nightly-20240816-2133.1",
40
+ "@fluentui/react-tabster": "0.0.0-nightly-20240816-2133.1",
41
+ "@fluentui/react-theme": "0.0.0-nightly-20240816-2133.1",
42
+ "@fluentui/react-utilities": "0.0.0-nightly-20240816-2133.1",
43
43
  "@griffel/react": "^1.5.22",
44
44
  "@swc/helpers": "^0.5.1"
45
45
  },