@cloudflare/component-tooltip 2.7.127 → 2.7.128

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.7.128](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-tooltip@2.7.127...@cloudflare/component-tooltip@2.7.128) (2022-03-18)
+
+**Note:** Version bump only for package @cloudflare/component-tooltip
+
+
+
+
+
 ## [2.7.127](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-tooltip@2.7.126...@cloudflare/component-tooltip@2.7.127) (2022-03-16)
 
 **Note:** Version bump only for package @cloudflare/component-tooltip

package/es/Tooltip.js

@@ -101,7 +101,8 @@ class Tooltip extends React.PureComponent {
           type = _this$props.type,
           anchored = _this$props.anchored,
           isCapture = _this$props.isCapture,
-          display = _this$props.display;
+          display = _this$props.display,
+          ariaLabel = _this$props.ariaLabel;
     const id = this.props.id ? this.props.id : this.id;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ReactTooltip, {
       id: id,
@@ -136,7 +137,8 @@ class Tooltip extends React.PureComponent {
       },
       onMouseOver: () => ReactTooltip.show(this.tooltipElement),
       onMouseOut: () => ReactTooltip.hide(this.tooltipElement),
-      "aria-controls": id
+      "aria-controls": id,
+      "aria-label": ariaLabel
     }, children));
   }
 
@@ -158,7 +160,8 @@ Tooltip.propTypes = {
   getContent: PropTypes.func,
   forceRebuild: PropTypes.bool,
   onClick: PropTypes.func,
-  display: PropTypes.string
+  display: PropTypes.string,
+  ariaLabel: PropTypes.string
 };
 Tooltip.defaultProps = {
   disable: false,

package/index.d.ts

@@ -15,6 +15,7 @@ interface TooltipProps extends React.CSSProperties, TfelaMProps {
   getContent?: (...args: any[]) => void;
   forceRebuild?: boolean;
   onClick?: (...args: any[]) => void;
+  ariaLabel?: string;
 }
 
 export const Tooltip: React.FC<TooltipProps>;

package/lib/Tooltip.js

@@ -156,7 +156,8 @@ var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
           type = _this$props.type,
           anchored = _this$props.anchored,
           isCapture = _this$props.isCapture,
-          display = _this$props.display;
+          display = _this$props.display,
+          ariaLabel = _this$props.ariaLabel;
       var id = this.props.id ? this.props.id : this.id;
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactTooltip.default, {
         id: id,
@@ -201,7 +202,8 @@ var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
         onMouseOut: function onMouseOut() {
           return _reactTooltip.default.hide(_this3.tooltipElement);
         },
-        "aria-controls": id
+        "aria-controls": id,
+        "aria-label": ariaLabel
       }, children));
     }
   }]);
@@ -225,7 +227,8 @@ Tooltip.propTypes = {
   getContent: _propTypes.default.func,
   forceRebuild: _propTypes.default.bool,
   onClick: _propTypes.default.func,
-  display: _propTypes.default.string
+  display: _propTypes.default.string,
+  ariaLabel: _propTypes.default.string
 };
 Tooltip.defaultProps = {
   disable: false,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudflare/component-tooltip",
   "description": "Cloudflare Tooltip Component",
-  "version": "2.7.127",
+  "version": "2.7.128",
   "main": "lib/index.js",
   "module": "es/index.js",
   "author": "James Kyle <jkyle@cloudflare.com>",
@@ -31,5 +31,5 @@
     "test-coverage": "stratus test --coverage",
     "test-watch": "stratus test --watch"
   },
-  "gitHead": "698f4aeafa1c656214a4060be27aa6b194d82b10"
+  "gitHead": "a8c84ce9c72d72db671eaf6221497af6533e727f"
 }