@cypress-design/react-tooltip 0.6.0 → 0.6.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.
- package/.turbo/turbo-build.log +1 -1
- package/CHANGELOG.md +6 -0
- package/ReadMe.md +16 -15
- package/dist/index.es.mjs +1 -1
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
package/.turbo/turbo-build.log
CHANGED
|
@@ -2,5 +2,5 @@ $ yarn build:module && yarn build:types
|
|
|
2
2
|
$ rollup -c ./rollup.config.mjs
|
|
3
3
|
[36m
|
|
4
4
|
[1m./index.ts[22m → [1m./dist/index.umd.js, ./dist/index.es.mjs[22m...[39m
|
|
5
|
-
[32mcreated [1m./dist/index.umd.js, ./dist/index.es.mjs[22m in [
|
|
5
|
+
[32mcreated [1m./dist/index.umd.js, ./dist/index.es.mjs[22m in [1m39.2s[22m[39m
|
|
6
6
|
$ tsc --project ./tsconfig.build.json
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @cypress-design/react-tooltip
|
|
2
2
|
|
|
3
|
+
## 0.6.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`08ba16d`](https://github.com/cypress-io/cypress-design/commit/08ba16da4a8663676ee96ac4950938857bd0d9a3) Thanks [@elevatebart](https://github.com/elevatebart)! - fix wind-keep plugin
|
|
8
|
+
|
|
3
9
|
## 0.6.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
package/ReadMe.md
CHANGED
|
@@ -1,20 +1,5 @@
|
|
|
1
1
|
# Tooltip
|
|
2
2
|
|
|
3
|
-
## Summary
|
|
4
|
-
|
|
5
|
-
Use the tooltip component to display a message when the user hovers over an element.
|
|
6
|
-
For accessibility, it also triggers on focus.
|
|
7
|
-
|
|
8
|
-
To allow focus, one has to add `tabIndex="0"` to the Tooltip element.
|
|
9
|
-
|
|
10
|
-
```jsx live
|
|
11
|
-
export const comp = () => (
|
|
12
|
-
<Tooltip tabIndex="0" popper={<b>popper</b>}>
|
|
13
|
-
<span>Focus me</span>
|
|
14
|
-
</Tooltip>
|
|
15
|
-
)
|
|
16
|
-
```
|
|
17
|
-
|
|
18
3
|
## Install
|
|
19
4
|
|
|
20
5
|
```bash
|
|
@@ -26,3 +11,19 @@ or with yarn
|
|
|
26
11
|
```bash
|
|
27
12
|
yarn add @cypress-design/react-tooltip
|
|
28
13
|
```
|
|
14
|
+
|
|
15
|
+
## Usage
|
|
16
|
+
|
|
17
|
+
```ts
|
|
18
|
+
import Tooltip from '@cypress-design/react-tooltip'
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
> tip: To allow focus, one has to add `tabIndex="0"` to the Tooltip element.
|
|
22
|
+
|
|
23
|
+
```jsx live
|
|
24
|
+
export const comp = () => (
|
|
25
|
+
<Tooltip tabIndex="0" popper={<b>popper</b>}>
|
|
26
|
+
<span>Focus me</span>
|
|
27
|
+
</Tooltip>
|
|
28
|
+
)
|
|
29
|
+
```
|
package/dist/index.es.mjs
CHANGED
|
@@ -33536,4 +33536,4 @@ var Tooltip = function (_a) {
|
|
|
33536
33536
|
export { Tooltip as default };
|
|
33537
33537
|
//# sourceMappingURL=index.es.mjs.map
|
|
33538
33538
|
|
|
33539
|
-
/* <
|
|
33539
|
+
/* <wind-keep class="container stroke-none fill-white text-gray-900 shadow-gray-100 border-transparent bg-white fill-gray-900 text-white shadow-gray-800 bg-gray-900 rounded shadow border invisible absolute z-10 text-[16px] leading-[24px] min-w-[160px] text-center p-[8px] relative z-20"> */
|
package/dist/index.umd.js
CHANGED
|
@@ -33556,4 +33556,4 @@ var Tooltip = function (_a) {
|
|
|
33556
33556
|
module.exports = Tooltip;
|
|
33557
33557
|
//# sourceMappingURL=index.umd.js.map
|
|
33558
33558
|
|
|
33559
|
-
/* <
|
|
33559
|
+
/* <wind-keep class="container stroke-none fill-white text-gray-900 shadow-gray-100 border-transparent bg-white fill-gray-900 text-white shadow-gray-800 bg-gray-900 rounded shadow border invisible absolute z-10 text-[16px] leading-[24px] min-w-[160px] text-center p-[8px] relative z-20"> */
|