@fluentui/react-tooltip 0.0.0-nightlya372ad979820211103.1 → 0.0.0-nightlya54302c0b220211124.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 (34) hide show
  1. package/CHANGELOG.json +101 -24
  2. package/CHANGELOG.md +32 -14
  3. package/dist/react-tooltip.d.ts +2 -0
  4. package/lib/common/isConformant.js +1 -1
  5. package/lib/common/isConformant.js.map +1 -1
  6. package/lib/components/Tooltip/Tooltip.js +2 -2
  7. package/lib/components/Tooltip/Tooltip.js.map +1 -1
  8. package/lib/components/Tooltip/index.d.ts +1 -1
  9. package/lib/components/Tooltip/index.js +1 -1
  10. package/lib/components/Tooltip/index.js.map +1 -1
  11. package/lib/components/Tooltip/renderTooltip.js +6 -7
  12. package/lib/components/Tooltip/renderTooltip.js.map +1 -1
  13. package/lib/components/Tooltip/useTooltip.js +69 -79
  14. package/lib/components/Tooltip/useTooltip.js.map +1 -1
  15. package/lib/components/Tooltip/useTooltipStyles.d.ts +1 -0
  16. package/lib/components/Tooltip/useTooltipStyles.js +17 -8
  17. package/lib/components/Tooltip/useTooltipStyles.js.map +1 -1
  18. package/lib-commonjs/Tooltip.js +1 -1
  19. package/lib-commonjs/common/isConformant.js +3 -3
  20. package/lib-commonjs/common/isConformant.js.map +1 -1
  21. package/lib-commonjs/components/Tooltip/Tooltip.js +6 -6
  22. package/lib-commonjs/components/Tooltip/Tooltip.js.map +1 -1
  23. package/lib-commonjs/components/Tooltip/index.d.ts +1 -1
  24. package/lib-commonjs/components/Tooltip/index.js +2 -10
  25. package/lib-commonjs/components/Tooltip/index.js.map +1 -1
  26. package/lib-commonjs/components/Tooltip/renderTooltip.js +9 -11
  27. package/lib-commonjs/components/Tooltip/renderTooltip.js.map +1 -1
  28. package/lib-commonjs/components/Tooltip/useTooltip.js +73 -84
  29. package/lib-commonjs/components/Tooltip/useTooltip.js.map +1 -1
  30. package/lib-commonjs/components/Tooltip/useTooltipStyles.d.ts +1 -0
  31. package/lib-commonjs/components/Tooltip/useTooltipStyles.js +21 -11
  32. package/lib-commonjs/components/Tooltip/useTooltipStyles.js.map +1 -1
  33. package/lib-commonjs/index.js +1 -1
  34. package/package.json +10 -11
@@ -3,15 +3,18 @@
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
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
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
- var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
17
+ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
15
18
  "root": {
16
19
  "mc9l5x": "fjseox",
17
20
  "z8tnut": "f1sbtcvk",
@@ -37,19 +40,26 @@ var 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": ["fzd2j21", "f2549he"],
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,16 +70,16 @@ var 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;}", ".fpkirms{width:8.485px;}", ".ftt2rgf{height:8.485px;}", ".f1uo6wrk{background:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".fuzzvh5:before{content:\"\";}", ".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);}", ".f2549he: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^=\"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;}"]
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
67
77
  */
68
78
 
69
79
 
70
- var useTooltipStyles = function (state) {
71
- var 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);
80
+ const useTooltipStyles = state => {
81
+ const styles = useStyles();
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,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,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,EAAlB;AAwDA;;AAEG;;;AACI,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAAoB;AAClD,MAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,KAAK,CAAC,UAAN,KAAqB,UAArB,IAAmC,MAAM,CAAC,QAFrB,EAGrB,KAAK,CAAC,OAAN,IAAiB,MAAM,CAAC,OAHH,EAIrB,KAAK,CAAC,IAAN,CAAW,SAJU,CAAvB;AAOA,EAAA,KAAK,CAAC,cAAN,GAAuB,MAAM,CAAC,KAA9B;AAEA,SAAO,KAAP;AACD,CAbM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
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":""}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./Tooltip"), exports);
10
10
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-tooltip",
3
- "version": "0.0.0-nightlya372ad979820211103.1",
3
+ "version": "0.0.0-nightlya54302c0b220211124.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-nightlya372ad979820211103.1",
28
+ "@fluentui/babel-make-styles": "0.0.0-nightlya54302c0b220211124.1",
29
29
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/jest-serializer-make-styles": "0.0.0-nightlya372ad979820211103.1",
30
+ "@fluentui/jest-serializer-make-styles": "0.0.0-nightlya54302c0b220211124.1",
31
31
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-make-styles": "0.0.0-nightlya372ad979820211103.1",
32
+ "@fluentui/react-conformance-make-styles": "0.0.0-nightlya54302c0b220211124.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-nightlya372ad979820211103.1",
47
- "@fluentui/react-portal": "0.0.0-nightlya372ad979820211103.1",
48
- "@fluentui/react-positioning": "0.0.0-nightlya372ad979820211103.1",
49
- "@fluentui/react-shared-contexts": "0.0.0-nightlya372ad979820211103.1",
50
- "@fluentui/react-theme": "0.0.0-nightlya372ad979820211103.1",
51
- "@fluentui/react-utilities": "0.0.0-nightlya372ad979820211103.1",
46
+ "@fluentui/react-make-styles": "0.0.0-nightlya54302c0b220211124.1",
47
+ "@fluentui/react-portal": "0.0.0-nightlya54302c0b220211124.1",
48
+ "@fluentui/react-positioning": "0.0.0-nightlya54302c0b220211124.1",
49
+ "@fluentui/react-shared-contexts": "0.0.0-nightlya54302c0b220211124.1",
50
+ "@fluentui/react-theme": "0.0.0-nightlya54302c0b220211124.1",
51
+ "@fluentui/react-utilities": "0.0.0-nightlya54302c0b220211124.0",
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",