		@@ -365,15 +365,4 @@ var _states;

		var child = Children.only(children); // We need to pass some properties from the child into useTooltip
		// to make sure users can maintain control over the trigger's ref and events

		var _useTooltip = useTooltip({
		DEBUG_STYLE: DEBUG_STYLE,
		onMouseEnter: child.props.onMouseEnter,
		onMouseMove: child.props.onMouseMove,
		onMouseLeave: child.props.onMouseLeave,
		onFocus: child.props.onFocus,
		onBlur: child.props.onBlur,
		onKeyDown: child.props.onKeyDown,
		onMouseDown: child.props.onMouseDown,
		ref: child.ref
		DEBUG_STYLE: DEBUG_STYLE
		}),
		@@ -383,3 +372,3 @@ trigger = _useTooltip[0],

		return React.createElement(Fragment, null, cloneElement(child, trigger), React.createElement(TooltipPopup, _extends({
		return React.createElement(Fragment, null, cloneElement(Children.only(children), trigger), React.createElement(TooltipPopup, _extends({
		label: label,
		@@ -386,0 +375,0 @@ ariaLabel: ariaLabel

index.js

		@@ -350,16 +350,4 @@ "use strict";

		var child = _react.Children.only(children); // We need to pass some properties from the child into useTooltip
		// to make sure users can maintain control over the trigger's ref and events


		var _useTooltip = useTooltip({
		DEBUG_STYLE: DEBUG_STYLE,
		onMouseEnter: child.props.onMouseEnter,
		onMouseMove: child.props.onMouseMove,
		onMouseLeave: child.props.onMouseLeave,
		onFocus: child.props.onFocus,
		onBlur: child.props.onBlur,
		onKeyDown: child.props.onKeyDown,
		onMouseDown: child.props.onMouseDown,
		ref: child.ref
		DEBUG_STYLE: DEBUG_STYLE
		}),
		@@ -369,3 +357,3 @@ trigger = _useTooltip[0],

		return _react["default"].createElement(_react.Fragment, null, (0, _react.cloneElement)(child, trigger), _react["default"].createElement(TooltipPopup, _extends({
		return _react["default"].createElement(_react.Fragment, null, (0, _react.cloneElement)(_react.Children.only(children), trigger), _react["default"].createElement(TooltipPopup, _extends({
		label: label,
		@@ -372,0 +360,0 @@ ariaLabel: ariaLabel

package.json

		{
		"name": "@reach/tooltip",
		"version": "0.3.0",
		"version": "0.4.0-beta.0",
		"description": "Accessible tooltips",
		@@ -12,7 +12,7 @@ "main": "index.js",
		"dependencies": {
		"@reach/auto-id": "^0.3.0",
		"@reach/portal": "^0.3.0",
		"@reach/rect": "^0.3.0",
		"@reach/utils": "^0.3.0",
		"@reach/visually-hidden": "^0.3.0",
		"@reach/auto-id": "^0.4.0-beta.0",
		"@reach/portal": "^0.4.0-beta.0",
		"@reach/rect": "^0.4.0-beta.0",
		"@reach/utils": "^0.4.0-beta.0",
		"@reach/visually-hidden": "^0.4.0-beta.0",
		"prop-types": "^15.7.2"
		@@ -35,4 +35,3 @@ },
		"styles.css"
		],
		"gitHead": "5bf78a3c6261dcfb417c876bb4223c6381a14013"
		]
		}

LICENSE

@reach/tooltip - npm Package Compare versions

Worsened metrics