@commercetools-uikit/tooltip
Advanced tools
Comparing version 0.0.0-canary-202062191529 to 0.0.0-canary-2020714163559
# @commercetools-uikit/tooltip | ||
## 0.0.0-canary-202062191529 | ||
## 0.0.0-canary-2020714163559 | ||
### Patch Changes | ||
- [`db6b77c`](https://github.com/commercetools/ui-kit/commit/db6b77c3baf110136440dfc7c6d42cace74eb85e) [#1492](https://github.com/commercetools/ui-kit/pull/1492) Thanks [@emmenko](https://github.com/emmenko)! - Use ranged versions for emotion dependencies | ||
## 10.27.0 | ||
### Patch Changes | ||
- [`018096d`](https://github.com/commercetools/ui-kit/commit/018096d3e5f4f33d1a5929e0b3f408baf5ce65b7) [#1436](https://github.com/commercetools/ui-kit/pull/1436) Thanks [@renovate](https://github.com/apps/renovate)! - fix(deps): update dependency lodash to v4.17.19 [security] | ||
- Updated dependencies [[`018096d`](https://github.com/commercetools/ui-kit/commit/018096d3e5f4f33d1a5929e0b3f408baf5ce65b7)]: | ||
- @commercetools-uikit/hooks@0.0.0-canary-202062191529 | ||
- @commercetools-uikit/hooks@10.27.0 | ||
@@ -12,0 +18,0 @@ ## 10.23.0 |
@@ -443,5 +443,5 @@ 'use strict'; | ||
var version = '0.0.0-canary-202062191529'; | ||
var version = '0.0.0-canary-2020714163559'; | ||
exports.default = Tooltip; | ||
exports.version = version; |
@@ -437,5 +437,5 @@ import _css from '@emotion/css'; | ||
var version = '0.0.0-canary-202062191529'; | ||
var version = '0.0.0-canary-2020714163559'; | ||
export default Tooltip; | ||
export { version }; |
{ | ||
"name": "@commercetools-uikit/tooltip", | ||
"version": "0.0.0-canary-202062191529", | ||
"version": "0.0.0-canary-2020714163559", | ||
"description": "", | ||
@@ -21,6 +21,6 @@ "main": "dist/tooltip.cjs.js", | ||
"@commercetools-uikit/design-system": "10.18.4", | ||
"@commercetools-uikit/hooks": "0.0.0-canary-202062191529", | ||
"@commercetools-uikit/hooks": "10.27.0", | ||
"@commercetools-uikit/utils": "10.21.0", | ||
"@emotion/core": "10.0.28", | ||
"@emotion/styled": "10.0.27", | ||
"@emotion/core": "^10.0.34", | ||
"@emotion/styled": "^10.0.27", | ||
"lodash": "4.17.19", | ||
@@ -27,0 +27,0 @@ "prop-types": "15.7.2", |
# Tooltip | ||
#### Description | ||
## Description | ||
Tooltips display informative text when users hover over or focus on an element. | ||
#### Usage | ||
## Usage | ||
@@ -20,3 +20,3 @@ ```js | ||
#### Working with disabled child elements | ||
### Working with disabled child elements | ||
@@ -44,3 +44,3 @@ When you use a tooltip with a disabled element, you should define the style `pointer-events: none` to the disabled element to stop it from capturing events. | ||
#### Customizing the wrapper | ||
### Customizing the wrapper | ||
@@ -130,3 +130,3 @@ The tooltip applies event listeners (`onMouseOver`, `onMouseLeave`, `onFocus`, and `onBlur`) to a wrapping `div` component around the children element. By default, this wrapper is displayed with style `inline-block`. If you want to customize this behaviour, then you can pass in a custom element. Be sure to use `React.forwardRef`, as we need the to pass the ref to the wrapper. | ||
#### Properties | ||
## Properties | ||
@@ -133,0 +133,0 @@ | Props | Type | Required | Values | Default | Description | |
40664
+ Added@commercetools-uikit/hooks@10.27.0(transitive)
+ Added@emotion/core@10.3.1(transitive)
+ Added@emotion/styled@10.3.0(transitive)
- Removed@commercetools-uikit/hooks@0.0.0-canary-202062191529(transitive)
- Removed@emotion/core@10.0.28(transitive)
- Removed@emotion/styled@10.0.27(transitive)
Updated@emotion/core@^10.0.34
Updated@emotion/styled@^10.0.27