@teamturing/react-kit 2.46.2 → 2.46.4

package/dist/core/StyledIcon/index.d.ts

@@ -6,6 +6,11 @@ type Props = {
      */
     icon: ComponentType<SVGProps<SVGSVGElement>>;
 } & Pick<ViewProps, 'size' | 'color' | 'sx'> & Pick<HTMLAttributes<HTMLDivElement>, 'className'>;
-declare const StyledIcon: ({ icon: Icon, sx, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const StyledIcon: import("react").ForwardRefExoticComponent<{
+    /**
+     * @teamturing/icons와 함께 사용
+     */
+    icon: ComponentType<SVGProps<SVGSVGElement>>;
+} & Pick<ViewProps, "color" | "size" | "sx"> & Pick<HTMLAttributes<HTMLDivElement>, "className"> & import("react").RefAttributes<HTMLDivElement>>;
 export default StyledIcon;
 export type { Props as StyledIconProps };

package/dist/core/Tooltip/index.d.ts

@@ -8,7 +8,11 @@ type Props = {
      * Tooltip의 텍스트를 정의합니다.
      */
     text?: string;
+    /**
+     * Tooltip의 활성화 여부를 정의합니다.
+     */
+    disabled?: boolean;
 } & PropsWithChildren;
-declare const Tooltip: ({ children, direction, text }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Tooltip: ({ children, direction, text, disabled }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Tooltip;
 export type { Props as TooltipProps };

package/dist/index.js

@@ -7031,11 +7031,12 @@ var Grid$1 = Object.assign(Grid, {
   Unit
 });
 
-const StyledIcon = ({
+const StyledIcon = /*#__PURE__*/React.forwardRef(({
   icon: Icon,
   sx,
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+}, ref) => /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+  ref: ref,
   ...props,
   color: props.color,
   sx: {
@@ -7047,7 +7048,7 @@ const StyledIcon = ({
     ...sx
   },
   children: /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {})
-});
+}));
 
 const Text = styled__default.default.span({
   'display': 'block',
@@ -34146,7 +34147,8 @@ function useTooltip({
   const hover = useHover$1(context, {
     move: false,
     restMs: 300,
-    enabled: controlledOpen == null
+    enabled: controlledOpen == null,
+    mouseOnly: true
   });
   const focus = useFocus(context, {
     enabled: controlledOpen == null
@@ -34250,6 +34252,9 @@ const StyledBaseTooltipContent = styled__default.default.div`
   border-radius: ${({
   theme
 }) => forcePixelValue(theme.radii.xs)};
+  box-shadow: ${({
+  theme
+}) => theme.shadows['shadow/overlay']};
   padding: ${({
   theme
 }) => `${forcePixelValue(theme.space[2])} ${forcePixelValue(theme.space[3])}`};
@@ -34292,7 +34297,8 @@ const StyledBaseTooltipContent = styled__default.default.div`
 const Tooltip = ({
   children,
   direction = 'top-center',
-  text
+  text,
+  disabled = false
 }) => {
   const directionToPlacement = {
     'top-center': 'top',
@@ -34309,10 +34315,10 @@ const Tooltip = ({
     children: [/*#__PURE__*/jsxRuntimeExports.jsx(BaseTooltipTrigger, {
       className: 'tooltip__tooltip_trigger',
       children: children
-    }), /*#__PURE__*/jsxRuntimeExports.jsx(BaseTooltipContent, {
+    }), !disabled ? /*#__PURE__*/jsxRuntimeExports.jsx(BaseTooltipContent, {
       className: 'tooltip__tooltip_content',
       children: text
-    })]
+    }) : null]
   });
 };
 

package/esm/core/StyledIcon/index.js

@@ -1,11 +1,13 @@
+import { forwardRef } from 'react';
 import View from '../View/index.js';
 import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
 
-const StyledIcon = ({
+const StyledIcon = /*#__PURE__*/forwardRef(({
   icon: Icon,
   sx,
   ...props
-}) => /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+}, ref) => /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+  ref: ref,
   ...props,
   color: props.color,
   sx: {
@@ -17,6 +19,6 @@ const StyledIcon = ({
     ...sx
   },
   children: /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {})
-});
+}));
 
 export { StyledIcon as default };

package/esm/core/Tooltip/BaseTooltip.js

@@ -83,6 +83,9 @@ const StyledBaseTooltipContent = styled.div`
   border-radius: ${({
   theme
 }) => forcePixelValue(theme.radii.xs)};
+  box-shadow: ${({
+  theme
+}) => theme.shadows['shadow/overlay']};
   padding: ${({
   theme
 }) => `${forcePixelValue(theme.space[2])} ${forcePixelValue(theme.space[3])}`};

package/esm/core/Tooltip/index.js

@@ -4,7 +4,8 @@ import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js'
 const Tooltip = ({
   children,
   direction = 'top-center',
-  text
+  text,
+  disabled = false
 }) => {
   const directionToPlacement = {
     'top-center': 'top',
@@ -21,10 +22,10 @@ const Tooltip = ({
     children: [/*#__PURE__*/jsxRuntimeExports.jsx(BaseTooltipTrigger, {
       className: 'tooltip__tooltip_trigger',
       children: children
-    }), /*#__PURE__*/jsxRuntimeExports.jsx(BaseTooltipContent, {
+    }), !disabled ? /*#__PURE__*/jsxRuntimeExports.jsx(BaseTooltipContent, {
       className: 'tooltip__tooltip_content',
       children: text
-    })]
+    }) : null]
   });
 };
 

package/esm/core/Tooltip/useTooltip.js

@@ -34,7 +34,8 @@ function useTooltip({
   const hover = useHover(context, {
     move: false,
     restMs: 300,
-    enabled: controlledOpen == null
+    enabled: controlledOpen == null,
+    mouseOnly: true
   });
   const focus = useFocus(context, {
     enabled: controlledOpen == null

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.46.2",
+  "version": "2.46.4",
   "description": "React components, hooks for create teamturing web application",
   "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
   "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "356cb9e393d0969affa112f95ba5508c40d7390a"
+  "gitHead": "d63cec8ae7cb12f73b8cbe99a5da02f448f58ae2"
 }