@cypress-design/react-tooltip 0.0.2 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/Tooltip.tsx +9 -0
- package/dist/Tooltip.d.ts +9 -0
- package/dist/Tooltip.d.ts.map +1 -1
- package/dist/index.es.js +3 -3
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +3 -3
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @cypress-design/react-tooltip
|
|
2
2
|
|
|
3
|
+
## 0.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#44](https://github.com/cypress-io/cypress-design/pull/44) [`2fdaf6b`](https://github.com/cypress-io/cypress-design/commit/2fdaf6be6f81a2a851761258347ed213577c5b26) Thanks [@elevatebart](https://github.com/elevatebart)! - Add missing descriptions of props in button, tooltip, checkbox
|
|
8
|
+
|
|
3
9
|
## 0.0.2
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/Tooltip.tsx
CHANGED
|
@@ -17,11 +17,20 @@ import {
|
|
|
17
17
|
} from '@floating-ui/react-dom-interactions'
|
|
18
18
|
|
|
19
19
|
export interface TooltipProps {
|
|
20
|
+
/**
|
|
21
|
+
* Where the tooltip should be placed relative to the target.
|
|
22
|
+
*/
|
|
20
23
|
placement?: Placement
|
|
24
|
+
/**
|
|
25
|
+
* background color of the tooltip.
|
|
26
|
+
*/
|
|
21
27
|
color?: 'light' | 'dark'
|
|
22
28
|
className?: string
|
|
23
29
|
tabIndex?: number | string
|
|
24
30
|
children?: React.ReactNode
|
|
31
|
+
/**
|
|
32
|
+
* The content of the tooltip.
|
|
33
|
+
*/
|
|
25
34
|
popper?: React.ReactNode
|
|
26
35
|
}
|
|
27
36
|
|
package/dist/Tooltip.d.ts
CHANGED
|
@@ -1,11 +1,20 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { Placement } from '@floating-ui/react-dom-interactions';
|
|
3
3
|
export interface TooltipProps {
|
|
4
|
+
/**
|
|
5
|
+
* Where the tooltip should be placed relative to the target.
|
|
6
|
+
*/
|
|
4
7
|
placement?: Placement;
|
|
8
|
+
/**
|
|
9
|
+
* background color of the tooltip.
|
|
10
|
+
*/
|
|
5
11
|
color?: 'light' | 'dark';
|
|
6
12
|
className?: string;
|
|
7
13
|
tabIndex?: number | string;
|
|
8
14
|
children?: React.ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* The content of the tooltip.
|
|
17
|
+
*/
|
|
9
18
|
popper?: React.ReactNode;
|
|
10
19
|
}
|
|
11
20
|
export declare const Tooltip: React.FC<TooltipProps & React.HTMLProps<HTMLDivElement>>;
|
package/dist/Tooltip.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,SAAS,EAaV,MAAM,qCAAqC,CAAA;AAE5C,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AASD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAC5B,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAiI/C,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,SAAS,EAaV,MAAM,qCAAqC,CAAA;AAE5C,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AASD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAC5B,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAiI/C,CAAA;AAED,eAAe,OAAO,CAAA"}
|
package/dist/index.es.js
CHANGED
|
@@ -30375,13 +30375,13 @@ var Tooltip = function (_a) {
|
|
|
30375
30375
|
color === 'dark' && 'stroke-gray-800 fill-gray-900',
|
|
30376
30376
|
color === 'light' && 'stroke-gray-100 fill-white',
|
|
30377
30377
|
]), style: (_b = {
|
|
30378
|
-
transform: "rotate("
|
|
30378
|
+
transform: "rotate(" + arrowRotate + "deg)",
|
|
30379
30379
|
filter: placementSide === 'bottom' || color === 'dark'
|
|
30380
30380
|
? undefined
|
|
30381
30381
|
: 'drop-shadow(0 1px 1px rgba(225, 227, 237, .8))'
|
|
30382
30382
|
},
|
|
30383
|
-
_b[arrowXRule] =
|
|
30384
|
-
_b[arrowYRule] =
|
|
30383
|
+
_b[arrowXRule] = (arrowX !== null && arrowX !== void 0 ? arrowX : -6) + "px",
|
|
30384
|
+
_b[arrowYRule] = (arrowY !== null && arrowY !== void 0 ? arrowY : -6) + "px",
|
|
30385
30385
|
_b), fill: "none" },
|
|
30386
30386
|
React.createElement("rect", { x: "0", y: "0", width: "48", height: "4", strokeWidth: "0" }),
|
|
30387
30387
|
React.createElement("path", { d: "M 0 3 C 12 3 18 18 24 18 C 30 18 36 3 48 3", "stroke-width": "2" })),
|