@thecb/components 11.8.0-beta.7 → 11.8.0-beta.8

package/dist/index.esm.js

@@ -51222,7 +51222,7 @@ var Tooltip = function Tooltip(_ref) {
   var themeContext = useContext(ThemeContext);
   var themeValues = createThemeValues(themeContext, fallbackValues$12, TOOLTIP_THEME_SOURCE);
   var borderColor = themeValues.borderColor,
-    popoverTriggerColor = themeValues.popoverTriggerColor,
+    tooltipTriggerColor = themeValues.popoverTriggerColor,
     hoverColor = themeValues.hoverColor,
     activeColor = themeValues.activeColor;
   var top = contentPosition.top,
@@ -51266,15 +51266,16 @@ var Tooltip = function Tooltip(_ref) {
     ref: closeTimeoutRef,
     padding: "0",
     extraStyles: "position: relative; ".concat(containerExtraStyles),
-    action: function action() {
-      return noop$1;
+    onMouseEnter: function onMouseEnter() {
+      return handleMouseEnter();
+    },
+    onMouseLeave: function onMouseLeave() {
+      return handleMouseLeave();
     },
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    onKeyDown: handleKeyboardEvent,
     "data-qa": "tooltip-container"
   }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
     "aria-describedby": tooltipID,
+    onKeyDown: handleKeyboardEvent,
     variant: triggerButtonVariant,
     onFocus: function onFocus() {
       return handleToggleTooltip(true);
@@ -51290,19 +51291,19 @@ var Tooltip = function Tooltip(_ref) {
   }, hasIconTrigger === true && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Box, {
     "aria-label": "Open tooltip"
   }, /*#__PURE__*/React__default.createElement(IconTrigger, {
-    color: themeValues.links
+    color: tooltipTriggerColor
   })), /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
     srOnly: true
   }, /*#__PURE__*/React__default.createElement(Text$1, null, iconHelpText))), hasIconTrigger === false && /*#__PURE__*/React__default.createElement(Text$1, {
-    color: popoverTriggerColor,
-    extraStyles: "\n              &:visited {\n                color: ".concat(popoverTriggerColor, ";\n              }\n              &:hover {\n                color: ").concat(hoverColor, "; \n              }\n              &:active {\n                color: ").concat(activeColor, "; \n              }\n              ").concat(triggerExtraStyles, ";\n            ")
+    color: tooltipTriggerColor,
+    extraStyles: "\n              color: ".concat(tooltipTriggerColor, ";\n              &:visited {\n                color: ").concat(tooltipTriggerColor, ";\n              }\n              &:hover {\n                color: ").concat(hoverColor, "; \n              }\n              &:active,\n              &:focus {\n                color: ").concat(activeColor, "; \n              }\n              ").concat(triggerExtraStyles, ";\n            ")
   }, triggerText)), /*#__PURE__*/React__default.createElement(Box, {
     role: "tooltip",
     id: tooltipID,
     "aria-hidden": !tooltipOpen,
     "data-qa": "tooltip-contents",
-    extraStyles: "\n          position: absolute;\n          display: ".concat(tooltipOpen ? "block" : "none", "; \n          top: ").concat(top, "; \n          right: ").concat(right, "; \n          bottom: ").concat(bottom, "; \n          left: ").concat(left, ";\n          height: ").concat(height, ";\n          "),
+    extraStyles: "\n          position: absolute;\n          display: ".concat(tooltipOpen ? "block" : "none", ";\n          top: ").concat(top, "; \n          right: ").concat(right, ";\n          bottom: ").concat(bottom, ";\n          left: ").concat(left, ";\n          height: ").concat(height, ";\n          "),
     boxShadow: "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)",
     border: "1px solid transparent",
     borderRadius: "4px",