@codecademy/gamut 72.2.3-alpha.c298d6.0 → 72.2.3-alpha.f0a032.0

package/dist/Tip/shared/InlineTip.js

@@ -1,4 +1,3 @@
-import { useCallback, useState } from 'react';
 import { InfoTipContainer } from '../InfoTip/styles';
 import { PreviewTipContents, PreviewTipShadow } from '../PreviewTip/elements';
 import { ToolTipContainer } from '../ToolTip/elements';
@@ -10,7 +9,6 @@ export const InlineTip = ({
   alignment,
   avatar,
   children,
-  closeOnClick,
   escapeKeyPressHandler,
   id,
   inheritDims,
@@ -27,12 +25,6 @@ export const InlineTip = ({
   zIndex
 }) => {
   const isHoverType = type === 'tool' || type === 'preview';
-  const [isSuppressed, setIsSuppressed] = useState(false);
-  const handleClick = useCallback(() => {
-    if (closeOnClick) setIsSuppressed(true);
-  }, [closeOnClick]);
-  const handleBlur = useCallback(() => setIsSuppressed(false), []);
-  const handleMouseLeave = useCallback(() => setIsSuppressed(false), []);
   const InlineTipWrapper = isHoverType ? ToolTipWrapper : InfoTipWrapper;
   const InlineTipBodyWrapper = isHoverType ? ToolTipContainer : InfoTipContainer;
   const inlineWrapperProps = isHoverType ? {} : {
@@ -47,17 +39,10 @@ export const InlineTip = ({
     type
   });
   const isHorizontalCenter = tipBodyAlignment === 'horizontalCenter';
-  const suppressedBodyStyle = isHoverType && isSuppressed ? {
-    opacity: 0,
-    visibility: 'hidden',
-    transition: 'none'
-  } : undefined;
   const target = /*#__PURE__*/_jsx(TargetContainer, {
     height: inheritDims ? 'inherit' : undefined,
     ref: wrapperRef,
     width: inheritDims ? 'inherit' : undefined,
-    onBlur: isHoverType ? handleBlur : undefined,
-    onClick: isHoverType ? handleClick : undefined,
     onKeyDown: escapeKeyPressHandler,
     children: children
   });
@@ -65,7 +50,6 @@ export const InlineTip = ({
     alignment: alignment,
     zIndex: zIndex ?? 1,
     ...inlineWrapperProps,
-    style: suppressedBodyStyle,
     children: /*#__PURE__*/_jsx(TipBody, {
       alignment: tipBodyAlignment,
       "aria-hidden": isHoverType,
@@ -94,7 +78,6 @@ export const InlineTip = ({
   });
   return /*#__PURE__*/_jsx(InlineTipWrapper, {
     ...tipWrapperProps,
-    onMouseLeave: isHoverType ? handleMouseLeave : undefined,
     children: alignment.includes('top') ? /*#__PURE__*/_jsxs(_Fragment, {
       children: [tipBody, target]
     }) : /*#__PURE__*/_jsxs(_Fragment, {

package/dist/Tip/shared/types.d.ts

@@ -47,7 +47,6 @@ export type TipPlacementComponentProps = Omit<TipNewBaseProps, 'placement' | 'em
     id?: string;
     isTipHidden?: boolean;
     contentRef?: React.RefObject<HTMLDivElement> | ((node: HTMLDivElement | null) => void);
-    closeOnClick?: boolean;
     type: 'info' | 'tool' | 'preview';
     wrapperRef?: React.RefObject<HTMLDivElement>;
     zIndex?: number;

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "72.2.3-alpha.c298d6.0",
+  "version": "72.2.3-alpha.f0a032.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "bin": "./bin/gamut.mjs",
   "dependencies": {
-    "@codecademy/gamut-icons": "9.57.10-alpha.c298d6.0",
-    "@codecademy/gamut-illustrations": "0.58.16-alpha.c298d6.0",
-    "@codecademy/gamut-patterns": "0.10.35-alpha.c298d6.0",
-    "@codecademy/gamut-styles": "20.0.3-alpha.c298d6.0",
-    "@codecademy/variance": "0.26.2-alpha.c298d6.0",
+    "@codecademy/gamut-icons": "9.57.10-alpha.f0a032.0",
+    "@codecademy/gamut-illustrations": "0.58.16-alpha.f0a032.0",
+    "@codecademy/gamut-patterns": "0.10.35-alpha.f0a032.0",
+    "@codecademy/gamut-styles": "20.0.3-alpha.f0a032.0",
+    "@codecademy/variance": "0.26.2-alpha.f0a032.0",
     "@formatjs/intl-locale": "5.3.1",
     "@react-aria/interactions": "3.25.0",
     "@types/marked": "^4.0.8",